Комплексна frontend-розробка e-commerce на OpenCart
Реалізувала комплексну frontend-розробку інтернет-магазину талонів на пальне на базі OpenCart з повною адаптацією під бізнес-логіку проєкту.
Проєкт включає не просто верстку, а побудову цілісного користувацького досвіду: від першого входу на сайт до оформлення замовлення та роботи з особистим кабінетом.
У рамках роботи:
- реалізовано повний набір сторінок e-commerce: головна, каталог (з різними рівнями), сторінки товарів, кошик та оформлення замовлення
- розроблено особистий кабінет користувача (управління даними, історія замовлень, зміна пароля)
- реалізовано складну логіку інтерфейсу для роботи з паливними талонами (вибір номіналів, кількості, динамічний підрахунок вартості)
- адаптовано сценарії для різних типів користувачів (фізичні / юридичні особи)
- зверстано транзакційні сторінки та email-шаблони (замовлення, QR-талони)
- реалізовано додаткові сторінки: “Про нас”, “Доставка та оплата”, “Контакти”, “Карта АЗС”, 404
- забезпечено повну адаптивність та коректну роботу на мобільних пристроях
Технології:
HTML, CSS (SCSS), JavaScript, OpenCart (Twig)
Особливу увагу приділено:
- точній відповідності Figma-макету
- чистій та масштабованій структурі коду
- підготовці верстки до інтеграції з backend без “костилів”
Демо: https://uni.it-lobster.com/
Проєкт включає не просто верстку, а побудову цілісного користувацького досвіду: від першого входу на сайт до оформлення замовлення та роботи з особистим кабінетом.
У рамках роботи:
- реалізовано повний набір сторінок e-commerce: головна, каталог (з різними рівнями), сторінки товарів, кошик та оформлення замовлення
- розроблено особистий кабінет користувача (управління даними, історія замовлень, зміна пароля)
- реалізовано складну логіку інтерфейсу для роботи з паливними талонами (вибір номіналів, кількості, динамічний підрахунок вартості)
- адаптовано сценарії для різних типів користувачів (фізичні / юридичні особи)
- зверстано транзакційні сторінки та email-шаблони (замовлення, QR-талони)
- реалізовано додаткові сторінки: “Про нас”, “Доставка та оплата”, “Контакти”, “Карта АЗС”, 404
- забезпечено повну адаптивність та коректну роботу на мобільних пристроях
Технології:
HTML, CSS (SCSS), JavaScript, OpenCart (Twig)
Особливу увагу приділено:
- точній відповідності Figma-макету
- чистій та масштабованій структурі коду
- підготовці верстки до інтеграції з backend без “костилів”
Демо: https://uni.it-lobster.com/