Разработка UX/UI дизайна интернет-магазина автозапчастей
Суть проекта
Требуется полная переработка пользовательского опыта и интерфейса существующего интернет-магазина автозапчастей. Ключевая цель - создать дизайн, ориентированный на конверсию и удобство покупателя, а не просто на визуальную эстетику.
Основные задачи и страницы для дизайна
- Главная страница
- Страница каталога товаров
- Страница категории товаров
- Карточка товара
- Страница подбора запчастей по VIN-коду
- Корзина покупок
- Страница оформления заказа (Checkout)
- Личный кабинет пользователя
- SEO-блоки для страниц
- Адаптивная мобильная версия для всех экранов
Ключевые требования к исполнителю
- Опыт в e-commerce: Обязателен подтвержденный опыт разработки дизайна для интернет-магазинов.
- Предпочтительная тематика: Приветствуется опыт в нише автозапчастей, техники или сложных каталогов.
- Навыки: Глубокое понимание юзабилити интернет-магазинов, опыт работы с карточками товаров и крупными каталогами (2000+ позиций).
- Технический стек: Работа в Figma. Обязательна разработка мобильной версии.
Приоритеты в дизайне
- Конверсионность (CRO): Дизайн должен быть нацелен на увеличение продаж.
- Удобство мобильной версии: Максимальная оптимизация для пользователей смартфонов.
- Скорость и простота: Минимизация шагов для выбора и покупки товара.
- Функциональность: Продуманная система фильтров, поиск по VIN и OEM-номерам.
- Современность: Использование актуальных UI-паттернов.
Обязанности дизайнера
- Создание UX-прототипов.
- Разработка UI-дизайна.
- Подготовка мобильных макетов.
- Создание UI-кита (дизайн-системы).
- Подготовка макетов для передачи верстальщику.
- Дизайн-сопровождение и внесение правок.
Контекст проекта
В настоящее время существует устаревшая версия сайта с проблемами в функционале и юзабилити, о которых сообщают клиенты. Задача - создать современное, рабочее и эффективное решение.
Что предоставить для отклика
- Портфолио с примерами работ в e-commerce (обязательно).
- Примеры разработанных карточек товара.
- Примеры дизайна каталогов с фильтрацией.
- Примеры адаптивных мобильных макетов (обязательно).