StyleHaven

| Интернет-магазин

О проекте

Style Haven — интернет-магазин женской одежды
Проект был посвящён созданию стильного и удобного онлайн-магазина, который не просто упрощает покупки, но и передаёт характер бренда — смелого, современного и уверенного в себе.

Моя роль

Я прошла полный цикл — от конкурентного анализа до передачи макета в разработку. Работа велась под руководством арт-директора, что позволило эффективно выстроить процесс и завершить проект в короткие сроки.

Сбор информации и конкурентный анализ

На начальном этапе я собрала всю необходимую информацию для понимания продукта и потребностей аудитории. Провела анализ целевой аудитории, изучила конкурентов и их подход к дизайну.

Это помогло заложить прочную основу для построения логичной и удобной структуры будущего интернет-магазина.

Функциональный прототип

Составила примерный перечень информации для каждой страницы, чтобы понять, какие элементы действительно важны.

Такой подход помог сфокусироваться на ключевых функциях и заранее продумать, как сделать взаимодействие с сайтом максимально простым и удобным для пользователя.

Референсы

Перед разработкой визуала я собрала референсы и фиксировала все идеи. Изучила сайты конкурентов, чтобы понять, какие приёмы можно адаптировать под бренд. Это дало прочную базу для визуального стиля.

Прототипирование и визуальный стиль

На этом этапе я приступила к созданию прототипов, подбору типографики и цветовой палитры. Цель — передать через визуал характер бренда: смелый, стильный и минималистичный.

Я стремилась к балансу — выразительный, но удобный дизайн, в котором каждый элемент поддерживает лёгкость и интуитивность.

Визуальная концепция и финализация

На этом этапе я завершила работу над визуальной концепцией и детальной проработкой всех необходимых страниц.

Параллельно с отрисовкой я продолжала уточнять логику пользовательских сценариев, чтобы сделать взаимодействие максимально удобным и интуитивным.

О компании

В итоге было создано более 20 страниц, включая:

Главную, Каталог, Страницу товара, О компании, Корзину, Личный кабинет, Контакты, Лукбук, а также всевозможные состояния фильтров, меню и другие вспомогательные элементы.

Страница товара

Корзина

Личный кабинет

UI Kit

Параллельно я создавала UI Kit — собрание всех визуальных элементов: кнопок, типографики, цветовой палитры и интерфейсных компонентов. Он помог сохранить единый стиль и ускорил дальнейшую работу.

Главная страница

Тестирование на пользователях

Я провела тестирование двух вариантов меню, а также каталога и личного кабинета. Выявленные недочёты и трудности, с которыми сталкивались пользователи, были учтены, внесены в макет и повторно протестированы.

Это помогло взглянуть на некоторые моменты под другим углом и сделать макет более удобным и логичным.

Оформление заказа

Адаптивные версии

Также я проработала адаптивные версии сайта, чтобы пользовательский опыт оставался комфортным на любых устройствах — от десктопа до мобильного.

Были разработаны версии для:
1440, 1024, 768 и 375 px

Каталог

Фильтры и сортировка

Были проработаны фильтры, сортировка и категории товаров — с учётом логики пользователя и удобства навигации. Это позволило упростить поиск нужной продукции и сделать взаимодействие с каталогом более интуитивным.

Лукбук

Подготовка для разработки

Это позволило сделать проект цельным и легко читаемым, а также обеспечило более гладкий и понятный процесс дальнейшей реализации.

На финальном этапе я систематизировала все материалы проекта и подготовила дизайн к передаче разработчикам.

Контакты

Выводы

Работа над проектом интернет-магазина стала для меня насыщенным опытом. В процессе было много интересных и нестандартных задач, каждая из которых помогла прокачать мои навыки.

В результате получился объёмный и продуманный проект, который не только выделяется среди конкурентов, но и отражает характер бренда.

Отдельная благодарность команде и арт-директору за поддержку, советы и вовлечённость на всех этапах.

Другие работы

StyleHaven

Интернет-магазин авторской женской одежды