2024 · Дизайн + інженерія
Alcoline
Онлайн-алкомаркет — від айдентики до коду
Контекст
Інтернет-магазин алкоголю — мультикатегорійний каталог (пиво, міцні, газовані), сторінки товарів, оформлення замовлення, terms і privacy. Бренд і продукт виходили разом — усе, що тут видно, оригінальне.
Завдання
Зробити так, щоб переглядати асортимент і додавати в корзину було так само швидко, як ходити поміж полицями. Створити повну айдентику — логотип, палітру, кастомний набір іконок, банери категорій — і зібрати її в SPA, де корзина «жива» між будь-якими переходами.
Реалізовано
Уся айдентика з нуля: логотип, палітра, шрифти, кастомно мальований набір іконок (корзина, навігація, маркери категорій), банери категорій, ритм карток товарів. І React 18 SPA під усім цим — клієнтська навігація через React Router, спільний state корзини між сторінками, карусельні вітрини (Slick + Embla), адаптивний грид товарів, корзина-шторка з add/remove flow. Кожен візуальний елемент — оригінальний, кожна взаємодія — зроблена руками.
