iOStrade
← все проекты

iOStrade

сайт каталог магазин 2025
клиентiOS Trade, Санкт-Петербург
направлениеВеб · интернет-магазин
роль студииРедизайн, структура каталога, сборка
особенностьСемь брендов и trade-in в одном каталоге
сайтiostrade.com↗
над проектом работали
01 — контекст

задача

ритейл и услуги

Магазин техники конкурирует не ассортиментом, а доверием. Одинаковые айфоны продают все — вопрос в том, у кого их покупают.

В каталоге семь брендов: Apple, Samsung, Dyson, Google Pixel, Caviar, Marshall и аксессуары. Внутри Apple — ещё семь линеек. Плоский список категорий в такой структуре перестаёт работать на втором экране.

Второй слой — сервисы вокруг покупки: trade-in, гарантия, перенос данных, работа с юридическими лицами. Это то, чем магазин отличается от маркетплейса, и то, что обычно теряется в подвале.

01
Семь брендов и десятки линеек не помещались в один уровень навигации.
02
Trade-in — сильное отличие магазина — жил на отдельной странице в подвале.
03
Сервисы после покупки не были связаны с карточками товара.
04
Работа с юридическими лицами не имела своего входа.
02 — работа

что сделали

5 решений
01

Сделали навигацию двухуровневой

Бренд → линейка. Покупатель, который знает, что ищет, доходит за два движения; тот, кто выбирает, идёт по подборкам.

02

Подняли trade-in в первый экран

Расчёт стоимости обмена — не страница в подвале, а вход в покупку. Это то, чего нет у маркетплейса.

03

Собрали подборки по сценарию, а не по каталогу

«Для тех, кому важно быть на связи», «для влюблённых в музыку», «для заботы о здоровье» — вход для тех, кто ещё не выбрал модель.

04

Связали сервисы с покупкой

Гарантия, доставка, перенос данных и восстановление приложений стоят рядом с товаром, а не в отдельном разделе.

05

Дали юридическим лицам свой вход

Отдельный раздел для B2B: у корпоративной закупки другой сценарий и другие документы.

03 — экраны

как это выглядит

3 экрана сайта
Сайт iOStrade: главный экран с каталогом брендов
Главный экран с каталогом брендовпосле
Сайт iOStrade: расчёт trade-in и сервисы на первом экране
Trade-in и сервисы на первом экранепосле
Сайт iOStrade: сценарные подборки товаров
Сценарные подборки товаровпосле
04 — итог

результат

что можно проверить
01
Семь брендов разложены по двухуровневой навигации — бренд → линейка — вместо плоского списка, который упирался во второй экран.
02
Trade-in поднят в первый экран и получил свой вход в покупку, а не страницу в подвале.
03
Сценарные подборки ведут покупателя, который ещё не выбрал модель, а сервисы — гарантия, доставка, перенос данных — стоят рядом с товаром.
04
Магазин остался на прежней платформе — переделаны структура, навигация и подача, без переезда.
смотреть работуiostrade.com
↗
05 — связь

свяжитесь с нами

похожая задача?
телефон+7 931 709 9307 телеграм@ohmy_design whatsapp+7 931 709 9307 почтаhi@ohmy.design