Цель проекта
Разработать интернет-магазин
Целевая аудитория
Задачи
современные молодые люди, жители мегаполисов в возрасте 18-25 лет
- Углубиться в сферу деятельности
- Проанализировать конкурентов
- Продумать логику, структуру проекта (IA, User flow)
- Подобрать визуальную составляющую проекта
бренд, специализирующийся на уличной молодёжной одежде
Анализ конкурентов
В этом этапе проанализировал интернет-магазины Bershka, Lamoda, Vans, Campion, Converce.
Все сайты используют крупные фото их продукции. На сайтах прослеживается тренд модульности дизайна. У конкурентов есть разные варианты отсортировать товар, доступ к корзине, как быстро добавить товар в корзину.
Все сайты используют крупные фото их продукции. На сайтах прослеживается тренд модульности дизайна. У конкурентов есть разные варианты отсортировать товар, доступ к корзине, как быстро добавить товар в корзину.
Рассказывается о бренде, идет речь о преимуществах товара
Информационная архитектура проекта
User flow
Вайрфреймы
Главная страница
Интернет-магазин
Поп-ап товара
Категории товаров, сортировка и поиск расположен вверху интернет-магазина. Далее идут разделы товаров со слайдерами и прокруткой товара
Страница товара
Продумал пользовательский путь по сайту. Желтым выделен основной сценарий пользователя от попадания на главную страницу до оформления заказа, и белый как дополнительные сценарии на сайте.
Сделал раздел с готовыми образами, которые представлены не на белом фоне как обычно, а сразу в городской черте, что придает фото большую естесственность.
В поп-ап есть вся необходимая информация о товаре для принятия решения о покупке товара. Здесь легко можно выбрать цвет и размер товара, затем добавить в корзину.
Знакомство с новой коллекцией бренда через видео ролик.
Вайрфреймы помогли быстро сделать расстановку будущего контента экранов и страниц сайта.
Карточки товара
В карточке большое внимание уделяется фото товара. Подпись появляется при наведении. Справа внизу карточки расположена кнопка на страницу товара. При нажатии на нее появится поп-ап товара с минимально необходимой информацией.
Корзина с добавленными товарами, где можно перейти к оформлению заказа.
Страница корзины
При прокрутке с первого экрана внизу появится плашка для добавления в корзину с выбором цвета и размера. Это было сделано для того, чтобы пользователь не подымался на верх страницы.
Фото товара, цена, цвет, размеры — это дает посмотреть на товар и принять решение нужен ли товар. Легко добавить в корзину с заметной кнопкой, либо добавить в избранное для заказа позже.
Цвета
Шрифт
#ECFF17
#1B1B1B
#FFFFFF
#DADADA
Результат
Продумал пользовательский путь по сайту, логику и структуру сайта. Визуально сайт выглядит целостно, а также брутально, молодежно и урбанистично. Были реализованы решения для простого добавления товара в корзину, как с поп-ап продукта, так и на странице товара.
Благодарю за просмотр
