Аранео: магазин, который живёт в телефоне

Интернет-магазин, спроектированный сразу под телефон: каталог, фильтры, корзина, оформление и карта пунктов выдачи — всё под большой палец.

Разработка сайтовМобильный интерфейсИнтернет-магазин
сайт проекта
Аранео: магазин, который живёт в телефоне
Клиент
«Аранео»
Отрасль
Электронная коммерция

Задача

Этот магазин проектировался не «с десктопа с адаптивом», а сразу под телефон. Покупают с мобильного, часто на ходу и одной рукой — значит все ключевые действия должны попадать под большой палец, а фильтры и корзина не могут занимать по три экрана.

Мы прошли весь путь покупателя целиком: от витрины и подбора до оформления заказа и выбора пункта выдачи на карте.

Макеты

Страницы проекта

Аранео — главная и каталог
Витрина и каталогподборки на главной, переход в каталог
Аранео — карточка и фильтры
Карточка и фильтрывыбор оттенка и подбор параметрами
Аранео — корзина и оформление
Корзина и оформлениезаказ в один экран без лишних шагов
Аранео — профиль и пункты выдачи
Профиль и пункты выдачиистория заказов и карта самовывоза
Решения

Что заложили в дизайн

👍

Под большой палец

Кнопки действий и навигация — в нижней трети экрана: покупают на ходу, одной рукой.

🎛

Фильтры не во весь экран

Подбор открывается шторкой поверх каталога — видно, как меняется выдача, без ухода со страницы.

📍

Пункты выдачи на карте

Выбор самовывоза — карта с точками, а не выпадающий список адресов.