Найти устройство
Каталог собирает технику и поддерживает последовательный выбор.
Каталог · УстройстваCashPro.
Техника в фокусе
Сайт с каталогом смартфонов и отдельным разделом Trade-in: от знакомства с предложением до выбора устройства.
Обсудить проект
- Клиент
- CashPro
- Сфера
- Каталог техники
- Работа ABC
- Разработка под ключ
- Формат
- Интернет-магазин
Задача проекта
Не просто показать технику. Помочь выбрать
Для покупки электроники недостаточно привлекательной фотографии. Посетителю нужны ассортимент, состояние устройства, характеристики и понятные дополнительные возможности магазина.
Мы связали знакомство с брендом с конкретными действиями посетителя. У информационных разделов и пользовательских сервисов — свои места в общей структуре.
ABC Design выполнила дизайн и разработку. В кейсе показываем визуальную систему и ключевые сценарии проекта.
Три задачи — три понятных маршрута
Начать со своей цели и перейти к нужному разделу.
Изучить предложение
На сайте рядом представлены товар и сервисные предложения магазина.
Карточки · Характеристики
Обменять технику
Trade-in выделен в отдельный маршрут для владельца устройства.
Trade-in · ОбменКонцепция и визуальный язык
Техника крупным планом
Чистые товарные изображения и зелёные акценты CashPro создают узнаваемую подачу. Крупные баннеры объясняют предложения магазина, а карточки и каталог сохраняют фокус на выборе устройства.
Один визуальный язык
От знакомства
к следующему действию
Детали визуальной системы
Впечатление складывается из деталей
Для каждого приёма — своя роль в общей истории.
Цвет · Образ · КомпозицияПервое впечатление
Крупный визуальный акцент знакомит с характером бренда. Типографика и изображения удерживают главную мысль.
Структура · Акценты · ИерархияПоследовательный ритм
Информационные и эмоциональные блоки чередуются. Посетитель постепенно переходит от знакомства к нужной ему теме.
Изображения · Типографика · ЦветОбщий характер материалов
Фотографии, предметная графика и интерфейс собраны в согласованную систему. Детали поддерживают общую подачу сайта.
Структура и подача
От впечатления —
к содержанию
Чистые товарные изображения и зелёные акценты CashPro создают узнаваемую подачу. Крупные баннеры объясняют предложения магазина, а карточки и каталог сохраняют фокус на выборе устройства.
Выбор смартфона строится вокруг характеристик и конкретного предложения. Каталог и товарные карточки дают контекст для сравнения и перехода к подходящему устройству.
Мобильная версия
Тот же характер.
Другой масштаб
Визуальная система продолжается на небольшом экране.
Контент выстраивается под вертикальную прокрутку. Изображения сохраняют пропорции, а заголовки и действия — своё место в иерархии.
Каждый экран продолжает общий визуальный язык проекта.
Сценарии сайта
Каталог, в котором важны детали
Выбор смартфона строится вокруг характеристик и конкретного предложения. Каталог и товарные карточки дают контекст для сравнения и перехода к подходящему устройству.
Для посетителей, которые хотят обменять свою технику, предусмотрена самостоятельная страница. Сценарий отличается от обычного поиска товара и поэтому получил отдельную подачу.
Интерфейс поддерживает конкретную задачу посетителя и сохраняет связь с общей структурой сайта.
Пользовательская задача
Найти нужное.
Изучить детали.
Продолжить действие.
От общего представления — к деталям
У каждого раздела — собственная роль в маршруте посетителя.
Знакомство
Каталог, в котором важны детали
Выбор смартфона строится вокруг характеристик и конкретного предложения. Каталог и товарные карточки дают контекст для сравнения и перехода к подходящему устройству.
Подробности
Trade-in — отдельный пользовательский путь
Для посетителей, которые хотят обменять свою технику, предусмотрена самостоятельная страница. Сценарий отличается от обычного поиска товара и поэтому получил отдельную подачу.
Продолжение маршрута
Понятный следующий шаг
Информация и навигация помогают продолжить знакомство с проектом без поиска среди несвязанных страниц.
Рассмотреть экраны подробнее
Дизайн в работе
Самостоятельные разделы.
Общий язык интерфейса
Разные задачи раскрыты на отдельных страницах. Общая навигация и согласованная подача связывают их в один сайт.
Связь между сценариями
Одна структура.
Разные точки входа
Эмоциональная презентация и подробные материалы выполняют разные задачи, сохраняя связь внутри общей структуры.
Структура сайта CashProЗнакомство с брендомОбраз и ключевая информацияКонкретная задачаПодробности и следующий шаг
Итог работы
Магазин, объединяющий товар и сервис
В интерфейсе CashPro собраны каталог техники, товарная информация и отдельный сценарий trade-in. Покупатель знакомится с предложением магазина через свою задачу.
Визуальная система
Техника крупным планом
Чистые товарные изображения и зелёные акценты CashPro создают узнаваемую подачу. Крупные баннеры объясняют предложения магазина, а карточки и каталог сохраняют фокус на выборе устройства.
Рабочие сценарии
Каталог, в котором важны детали
Выбор смартфона строится вокруг характеристик и конкретного предложения. Каталог и товарные карточки дают контекст для сравнения и перехода к подходящему устройству.
Обсудим вашу задачу
Ваш следующий проект
Расскажите, что хотите изменить. Обсудим сайт и цифровые инструменты для вашей команды.
