На сайте используются cookie, чтобы он работал корректно и был удобен для просмотра. Продолжая пользоваться сайтом, вы соглашаетесь с их использованием.
О проекте
ModeMed — бренд женской медицинской одежды, который строит позиционирование вокруг идеи красоты, элегантности и уверенности в профессиональной среде. На сайте важно было не просто показать ассортимент, а передать характер бренда и при этом сохранить удобство интернет-магазина: с каталогом, карточками товаров, lookbook, подарочными сертификатами и понятной информацией для покупателей
Задачи
Выстроить понятную структуру;
Продумать навигацию между разделами;
Аккуратно подать философию бренда;
Упростить путь пользователя от первого знакомства до оформления заказа
решение
Главная страница знакомит с философией бренда, показывает ключевые категории и бестселлеры, а затем переводит пользователя в каталог и дополнительные разделы. Каталог был разделен по категориям, это помогает быстрее ориентироваться и сокращает путь до нужного раздела. На сайте есть страница о бренде с историей основательницы и философией, а также раздел с оплатой, доставкой и возвратом, где пользователь может заранее снять основные вопросы перед заказом.
Анализ и прототипирование
На этапе анализа я смотрела не только на состав страниц, но и на то, как распределить роли между ними. Нужно было понять, какие экраны работают на первое впечатление, какие помогают принять решение о покупке, а какие закрывают вопросы доверия и сервиса. Поэтому основное внимание я уделила структуре, логике переходов и визуальной иерархии.
На этапе прототипирования я собрала макеты ключевых экранов и продумала пользовательский путь: от знакомства с брендом и просмотра категорий до перехода в каталог и изучения дополнительной информации. Это позволило заранее выстроить спокойную и понятную навигацию без перегруженности.
Главная страница решает сразу две задачи: передаёт позиционирование бренда и ведёт пользователя в каталог. Здесь важно было не перегрузить первый экран и выстроить понятный сценарий
каталог
Здесь основное внимание было уделено структуре и навигации: важно было организовать подачу так, чтобы пользователь быстрее находил нужную информацию и не терялся в объеме контента.
страница о бренде
Экран о бренде усиливает эмоциональную связь с проектом. Здесь раскрывается история создания ModeMed, роль основательницы и философия бренда, поэтому страница работает не только на имидж, но и на доверие к продукту
страница с информацией
Страница с оплатой, доставкой и возвратом закрывает практические вопросы пользователя до оформления заказа. Это снижает тревожность перед покупкой и делает сценарий более прозрачным. На сайте отдельно указаны способы оплаты, доставка через СДЭК, сроки обработки заказа и условия возврата.
Адаптивы
При работе над таким проектом важно, чтобы сайт оставался визуально аккуратным и удобным на разных устройствах. Для интернет-магазина мобильная версия особенно критична: значительная часть пользователей знакомится с брендом, просматривает каталог и принимает решение о покупке именно со смартфона. Адаптивная версия проектировалась как полноценный пользовательский сценарий, а не как уменьшенная копия десктопа
В результате получился интернет-магазин, который сочетает имиджевую подачу и понятную e-commerce-структуру. Сайт помогает бренду транслировать свою эстетику, знакомит пользователя с философией ModeMed, удобно проводит по ассортименту и заранее закрывает важные вопросы о покупке, доставке и возврате. За счёт этого интерфейс работает не только как визуальная витрина, но и как инструмент доверия и продаж.
