Дизайн маркетплейса · 2024–2025

Икра.рф

Маркетплейс красной икры от производителей России для компаний и частных покупателей. Нарисовали витрину с нуля: концепцию, главную, путь покупателя с фасовкой, окна входа и письма, а в 2025 году — отдельную мобильную версию.

Клиент: Икра.рф, маркетплейс красной икры
Задача: Дизайн новой площадки и мобильной версии
Платформа: CS-Cart Multi-Vendor, тема UniTheme2
Макеты: 9 экранов десктопа, 19 мобильных
Год: 2024–2025

икра.рф

Задача

Новая площадка, старого сайта не было. Икру здесь продают сотнями килограммов — и компаниям, и частным покупателям. Основа дизайна — гайдлайн бренда клиента.

Начали в мае 2024 года с аналитики и прототипов. Затем согласовали с клиентом цвет и общую концепцию, нарисовали каждый тип страниц и утверждали их по одной. Осенью 2024 года перенесли макеты в тему UniTheme2.

В 2025 году клиент попросил мобильную версию, где легко читать характеристики икры. Мобильные экраны нарисовали отдельно на основе десктопных решений и тоже внедрили на сайте.

Главная

Шапка в цветах бренда: адрес доставки, кнопка каталога, поиск и красная лента под ними.
Разделы — плитками по виду рыбы, на каждой размер икринки: кета 5–6 мм, горбуша 3–5 мм, кижуч 4 мм.
У товара в сетке — метки засола, акции и хита, рейтинг, вес и цена, при наведении — корзина и счётчик количества.
Внизу — продавцы на карте Камчатки и карточка выбранного: описание, хиты продаж и кнопка «Витрина магазина».

Путь покупателя

Наведите на экран, чтобы пролистать его, или откройте во весь размер.

Карточка товара Икра.рф — 1920 × 2044 · Карточка товара

Оформление заказа Икра.рф — 1920 × 2357 · Оформление заказа

Мобильная версия

Мобильную версию нарисовали в 2025 году под ширину 393 пикселя: главная, каталог с фильтрами, карточка, корзина, оформление заказа и личный кабинет.

Вход и письма

Вход по номеру телефона с кодом из СМС или по почте. Окна нарисованы во всех состояниях: пустое поле, введённый номер или код, неверный код. В письме о смене статуса заказа — доставка RefGo с интервалом времени, способ оплаты и услуга фасовки.

Поиск стиля

В архиве макета около двадцати вариантов главной: светлые и тёмные, с фотографией икры на первом экране, с кораблём и картой Камчатки. В работу пошли жёлтая шапка и красная лента.