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