Новая Заря.
От знакомства с ароматом
до оформления заказа.
Редизайн интернет-магазина парфюмерии в рамках университетской проектной деятельности. Каталог, выбор товара и покупка — в настольной и мобильной версиях.
Реальная задача
в учебном проекте.
Задача заказчика
Разработать вариант редизайна сайта «Новой Зари» по техническому заданию внешнего заказчика. Работа проходила в 2025 году в рамках проектной деятельности Московского политеха.
Моя роль
Я участвовала в студенческой команде как дизайнер. В кейсе представлены интерфейсы командного проекта: основные страницы магазина и их мобильные версии.
Объём проекта
Главная, каталог и фильтры, карточка товара, корзина, оформление заказа, избранное и личный кабинет. Ниже — подборка ключевых экранов.
Итог
Команда завершила дизайн и передала макеты заказчику. Решение не было внедрено; причины команде не сообщили.
Путь к покупке.
Кейс объединяет страницы вокруг последовательного сценария: найти подходящий аромат, изучить товар и перейти к оформлению.
Категории, фильтры и обзор ассортимента
Описание, объём, цена и действия
Проверка выбранных товаров
Контакты, доставка и оплата
- 01
Каталог сочетает сетку товаров с фильтрами. Карточки показывают изображение, название, цену и действие добавления в корзину.
- 02
На странице товара фотография отделена от описания и зоны покупки. Ниже размещены похожие товары для продолжения выбора.
- 03
Бордовый акцент, светлый фон и выразительные заголовки связывают страницы магазина. Мобильные макеты переносят тот же визуальный язык на узкий экран.
Макеты крупным планом.
Чистые экспорты исходных макетов Figma. В превью показаны верхние части длинных страниц; по нажатию открывается полный экран.
Первый экран, подборки продукции и предложения задают точки входа в ассортимент.
Категории и фильтры расположены рядом с сеткой товаров. Цена и кнопка покупки доступны прямо в карточке.
Изображение, описание и покупка собраны в верхней части страницы. Блок похожих товаров продолжает сценарий выбора.
Форма объединяет контактные данные, способы доставки и оплаты. Состав заказа и сумма вынесены в отдельную область.
Товар и действия покупки в вертикальной композиции.
Последовательная форма для оформления покупки с мобильного устройства.
Завершённый дизайн.
Опыт работы по ТЗ.
Макеты переданы заказчику
Результат проекта — подготовленный командой дизайн интернет-магазина для компьютера и телефона. «Новая Заря» не внедрила этот вариант; причины решения нам не сообщили.
Этот кейс показывает работу над интерфейсом в условиях реальной задачи и командной проектной деятельности.
Что стоит проверить в следующей итерации
Согласовать стоимость доставки с итоговой суммой, уточнить различие действий «Купить» и «Добавить в корзину», повысить контраст вспомогательных текстов и проверить удобство мобильной формы. Это направления дальнейшей доработки исходных макетов.