Проект: Маркетплейс автоаксессуаров RW-Trade
Разработка полноценного дизайна e-commerce сайта с каталогом до 5000 товаров — маркетплейс автоаксессуаров RW-Trade.
Задача:
Заменить платформу prom.ua на собственный сайт, сохранив удобство пользования, но с современным user-centered дизайном.
Что было сделано:
Анализ конкурентов через Google Analytics
UX-исследование и создание логичной, понятной структуры
Все этапы — от wireframes до финального дизайна — согласовывались с заказчиком
Дизайн:
Фон сайта: светлый, воздушный — снижает визуальную нагрузку
Акцентный цвет: линейный градиент — сочетание техно-бирюзового и холодного синего, создающее ощущение надежности и динамики, идеально для авто-тематики
Адаптивность:
Мобильные и планшеты: 375px — 1280px
Лаптоп и десктоп: 1280px — 1920px
Контент растягивается, карточки аккуратно выстраиваются в ряды, шрифты не ломаются :)
Разделение покупателей (опт / розница):
Реализован попап при входе на сайт, где пользователь выбирает тип: оптовик или розничный клиент
В шапке сайта — переключатель типа цен: оптовые - розничные
По требованию заказчика — в карточке товара нет дублирования цен, отображается только нужный вариант
Фильтрация товаров:
Проблема: более 100 подкатегорий с уникальными параметрами (например, для автолинз — диаметр и фокусное расстояние, а для раций — частота, мощность и т. д.)
Решение: я разработал динамическую систему фильтров, которую контент-менеджер настраивает вручную при добавлении товара. Это сэкономило уйму времени и денег на прорисовку более 100 уникальных вариантов.
Двухъязычность:
На сайте есть переключатель языка: украинский / английский
При создании карточки товара контент-менеджер должен заполнить два текстовых поля.
Нельзя сохранить карточку, если не заполнены оба языка.
Дополнительно реализовано:
- Кликабельные интерактивные прототипы с анимацией
- Создано 3 варианта логотипа — заказчик выбрал агрессивный стиль: автомобиль на скорости + название RW-Trade
- 3 качественных рекламных баннера на главной — я предложил, какие товары туда разместить, учитывая свой опыт в продажах
Удобная и продуманная админ-панель:
- Управление товарами, карточками, фильтрами, категориями
- Уведомления и сообщения
- Обработка заказов + фильтрация
- Ручной ввод курса доллара с автоматическим перерасчетом цен
- Статистика продаж и аналитика по категориям
Объем дизайна:
Для пользователей: 10 уникальных страниц + 11 попапов
Админка: 12 уникальных страниц + 11 попапов
Сроки выполнения:
~2 месяца (без учета выходных)
Разработка полноценного дизайна e-commerce сайта с каталогом до 5000 товаров — маркетплейс автоаксессуаров RW-Trade.
Задача:
Заменить платформу prom.ua на собственный сайт, сохранив удобство пользования, но с современным user-centered дизайном.
Что было сделано:
Анализ конкурентов через Google Analytics
UX-исследование и создание логичной, понятной структуры
Все этапы — от wireframes до финального дизайна — согласовывались с заказчиком
Дизайн:
Фон сайта: светлый, воздушный — снижает визуальную нагрузку
Акцентный цвет: линейный градиент — сочетание техно-бирюзового и холодного синего, создающее ощущение надежности и динамики, идеально для авто-тематики
Адаптивность:
Мобильные и планшеты: 375px — 1280px
Лаптоп и десктоп: 1280px — 1920px
Контент растягивается, карточки аккуратно выстраиваются в ряды, шрифты не ломаются :)
Разделение покупателей (опт / розница):
Реализован попап при входе на сайт, где пользователь выбирает тип: оптовик или розничный клиент
В шапке сайта — переключатель типа цен: оптовые - розничные
По требованию заказчика — в карточке товара нет дублирования цен, отображается только нужный вариант
Фильтрация товаров:
Проблема: более 100 подкатегорий с уникальными параметрами (например, для автолинз — диаметр и фокусное расстояние, а для раций — частота, мощность и т. д.)
Решение: я разработал динамическую систему фильтров, которую контент-менеджер настраивает вручную при добавлении товара. Это сэкономило уйму времени и денег на прорисовку более 100 уникальных вариантов.
Двухъязычность:
На сайте есть переключатель языка: украинский / английский
При создании карточки товара контент-менеджер должен заполнить два текстовых поля.
Нельзя сохранить карточку, если не заполнены оба языка.
Дополнительно реализовано:
- Кликабельные интерактивные прототипы с анимацией
- Создано 3 варианта логотипа — заказчик выбрал агрессивный стиль: автомобиль на скорости + название RW-Trade
- 3 качественных рекламных баннера на главной — я предложил, какие товары туда разместить, учитывая свой опыт в продажах
Удобная и продуманная админ-панель:
- Управление товарами, карточками, фильтрами, категориями
- Уведомления и сообщения
- Обработка заказов + фильтрация
- Ручной ввод курса доллара с автоматическим перерасчетом цен
- Статистика продаж и аналитика по категориям
Объем дизайна:
Для пользователей: 10 уникальных страниц + 11 попапов
Админка: 12 уникальных страниц + 11 попапов
Сроки выполнения:
~2 месяца (без учета выходных)