О проекте
Погружение
Формат и задачи сайта
Анимации/интерактив
Цели бизнеса
Портрет аудитории
Дизайн и запуск
Дизайн
Верстка сайта на Tilda
Адаптив всех устройств
Мудборд
Прототипирование
Первичный UI
Концепция
Архитектура сайта
Референсы
Структура сайта
Исследование
Боли клиентов
Анализ конкурентов
Временные затраты
Проект занял около 3 недель — с нуля до готового сайта с запуском.
Погружение (2 дня)
Обсудили цели, аудиторию и конкурентов. Собрали референсы
Отрисовала все страницы, адаптив, UI-кит и анимации.
Обсудили цели, аудиторию и конкурентов. Собрали референсы
Структура и прототип (5 дней)
Дизайн (5 дней)
Сборка и запуск (8 дней)
Собрала сайт на Tilda, настроила формы, протестировала и подготовила к запуску.
1
2
3
4
Запуск интернет-магазина одежды: новые поступления и предзаказы, коллекции по капсулам, устойчивый чек-аут в дни релизов, онлайн-оплата и быстрая доставка.
Главная страница
Главная страница сразу передаёт стиль бренда, ведёт в ключевые разделы и отвечает на вопросы по доставке возврату и помощи стилиста — можно быстро выбрать и оформить заказ.
Каталог одежды
Сделан адаптивный каталог: выстроен по сетке, карточки товаров, единые карточки с крупным фото, акцент на цене и названии. Нейтральная палитра с одним акцентным цветом, хлебные крошки/фильтры/сортировка и липкая панель; UX-детали — крупные тач-зоны и ленивая загрузка.
В карточке товара я сделала крупную фотогалерею, быстрый выбор размера и цвета с ссылкой на таблицу размеров и заметной кнопкой «В корзину», а ниже — «похожие», «с этим покупают», «недавно просмотренные» и блоки помощи (доставка/возврат/чат), чтобы снять сомнения и ускорить покупку.
Карточка товара
Образы
Страница «Вдохновение» — это шоппабельные подборки и капсулы: готовые образы, вдохновение и возможность добавить вещи в корзину или купить весь сет. Для помощи — кнопка «Собрать аутфит»: стилист подберёт вещи под размеры покупателей и бюджет, подскажет сочетания и альтернативы. Сохранённые образы можно добавить в избранное.
Корзина
Страница «Корзина» позволяет управлять покупками: менять размер/цвет и количество, удалять или переносить в избранное — итог и скидка пересчитываются сразу. Справа — липкая панель с суммой заказа, полем промокода и сертификата, кнопкой «Перейти к оформлению». Ниже — «С этим товаром покупают» для допродаж и блок помощи: таблица размеров, доставка/возврат и быстрый контакт с консультантом.
