Comprehensive frontend development of e-commerce on OpenCart

Implemented comprehensive frontend development of a fuel voucher online store based on OpenCart with full adaptation to the business logic of the project.

The project includes not just layout but the creation of a holistic user experience: from the first entry to the site to placing an order and working with a personal account.

As part of the work:
- a complete set of e-commerce pages has been implemented: homepage, catalog (with various levels), product pages, cart, and order placement
- a user personal account has been developed (data management, order history, password change)
- complex interface logic for working with fuel vouchers has been implemented (selection of denominations, quantities, dynamic cost calculation)
- scenarios have been adapted for different types of users (individuals / legal entities)
- transactional pages and email templates have been laid out (orders, QR vouchers)
- additional pages have been implemented: “About Us,” “Delivery and Payment,” “Contacts,” “Gas Station Map,” 404
- full responsiveness and correct operation on mobile devices have been ensured

Technologies:
HTML, CSS (SCSS), JavaScript, OpenCart (Twig)

Particular attention has been paid to:
- precise compliance with the Figma layout
- clean and scalable code structure
- preparing the layout for integration with the backend without "hacks"

Demo: https://uni.it-lobster.com/