К работам

2024 · Дизайн + инженерия

Alcoline

Онлайн-алкомаркет — от айдентики до кода

Alcoline
Год
2024
Роль
Дизайн + инженерия
Стек
Identity · Icon design · React 18 · React Router · Slick · Embla · CRA

Контекст

Интернет-магазин алкоголя — мультикатегорийный каталог (пиво, крепкое, газировки), страницы товаров, оформление заказа, terms и privacy. Бренд и продукт выходили вместе — всё, что здесь видно, оригинальное.

Задача

Сделать так, чтобы листать ассортимент и докидывать в корзину было так же быстро, как ходить между полок. Создать полную айдентику — логотип, палитру, кастомный набор иконок, банеры категорий — и собрать её в SPA, где корзина «живая» между любыми переходами.

Сделано

Вся айдентика с нуля: логотип, палитра, шрифты, кастомно отрисованный набор иконок (корзина, навигация, маркеры категорий), банеры категорий, ритм карточек товаров. И React 18 SPA под этим всем — клиентская навигация через React Router, общий state корзины между страницами, карусельные витрины (Slick + Embla), адаптивный грид товаров, корзина-штора с add/remove flow. Каждый визуальный элемент — оригинальный, каждое взаимодействие — сделано руками.

Alcoline — 1
Alcoline — 2
Alcoline — 3
Alcoline — 4
Alcoline — 5
Alcoline — 6
Alcoline — 7

Предыдущий

Veld World

Следующий

Vikmotors