Разобрала бриф клиента, сделала анализ конкурентов и целевой аудитории, спроектировала структуру и информационную архитектуру.
ESTY: Интернет-магазин с фокусом на конверсию и доверие к товару
[Задача]
Создать интернет-магазин одежды премиум-сегмента, где главный акцент сделан на фактуру, качество и быструю покупку
Бизнес-цель
Разработать e-commerce платформу в концепции «тихая роскошь», выстроить доверие к бренду через визуальную эстетику и спроектировать быстрый путь к заказуЦелевая аудитория
Покупатели в возрасте 25-45 лет;Доход: выше среднего;
Интересы: стиль, бизнес, мода
Главное действие
Выбрать вещь в каталоге и оформить заказ без лишних действий[Проблема]
Покупатель не готов покупать дорогие вещи онлайн, если не видит деталей и сталкивается с перегруженным чекаутом
Моё решение
Главная задача — передать качество вещей через чистый визуальный контент и аккуратные формы, сократив при этом количество шагов до покупки.Для этого я сгенерировала все фотографии на сайте, чтобы привести их к единой минималистичной стилистике, и спроектировала путь пользователя.
[Путь пользователя]
«Что здесь продают и чем это лучше?»
О нас, новая коллекция, бестселлеры
«Что из этого для меня?»
Популярные категории с описанием и превью
«Стоит ли оно этих денег?»
Фото, материал, размеры, цена
«Как быстро купить?»
Корзина и оформление в минимум шагов
[Ключевые решения]
Генерация изображений в едином стиле
Для чего: повышает доверие к бренду, так как весь контент в одной минималистичной стилистике и с высоким качеством.
Крупная типографика и акцентный цвет
Для чего: бренд запоминается за секунды, потому что отличается от множества одинаковых интернет-магазинов, и это привлекает внимание пользователей.
Категории списком
Для чего: нестандартное решение с блоком «Популярные категории», чтобы не перегружать внимание пользователя карточками.
Повод вернуться
Для чего: блоки «Скоро в продаже» и «Новости» призывают возвращаться на сайт за новинками, пользователи будут покупать чаще.
[UIkit]
[Результат]
Страниц спроектировано
Варианта цветовой палитры
Компонентов в UIkit
Размера: десктоп, планшет, мобилка
[Как я работала]
Собрала прототип ключевых страниц, чтобы проверить путь до заказа ещё до визуала.
Подобрала референсы и выбрала стилистику «тихой роскоши».
Нарисовала страницы для десктопа, планшета и мобилки.
Собрала компоненты, стили и подготовила макеты к вёрстке.