Интернет-магазин оптики с каталогом очков, подбором линз по рецепту, онлайн-примеркой и личным кабинетом.
Год
2026
Тип проекта
Интернет-магазин
Ниша
Оптика
«Доктор Цой» — интернет-магазин готовых очков, оправ, солнцезащитных очков и контактных линз. Проект объединяет покупку товаров и индивидуальный подбор очков: пользователь может выбрать оправу, указать рецепт, подобрать линзы и оформить заказ. Помимо каталога, в интерфейсе предусмотрены личный кабинет, программа лояльности и материалы, которые помогают разобраться в выборе оптики.
О проекте
Задача
Спроектировать интернет-магазин, в котором удобно выбирать очки и проходить сложный процесс подбора линз. Нужно было организовать большое количество характеристик, форм и вариантов покупки в последовательный пользовательский путь.
Основной фокус:
поиск подходящих товаров через категории, фильтры и сортировку
подробная информация об оправе перед покупкой
пошаговый подбор линз с учётом рецепта
оформление заказа с выбором доставки и оплаты
сохранение рецептов и управление заказами в личном кабинете
Решение
Разработала интерфейс, который связывает каталог, карточку товара, подбор линз и оформление заказа. Сложные параметры распределила по отдельным этапам, а информацию для повторных покупок вынесла в личный кабинет.
Каталог и выбор оправы
Предусмотрела фильтры по цене, форме, материалу, размеру, цвету и бренду оправы. Добавила сортировку, избранное и возможность находить модели с онлайн-примеркой.
Подробная карточка товара
Объединила фотографии, варианты цвета, стоимость, характеристики и размеры оправы. В карточке предусмотрены переход к подбору линз, примерка и блоки похожих и недавно просмотренных товаров.
Подбор линз в 7 шагов
Разделила процесс на назначение, рецепт, тип линз, толщину, дизайн, бренд и финишное покрытие. Для ввода рецепта предусмотрела параметры правого и левого глаза и межзрачкового расстояния. Варианты линз сопровождаются пояснениями, которые помогают сравнивать доступные решения.
Корзина и оформление заказа
Спроектировала управление составом корзины, отображение скидок и бонусов. В оформлении заказа собрала данные получателя, рецепт, способы оплаты и доставки, адрес и комментарий.
Личный кабинет
Предусмотрела 6 основных разделов: обзор, личные данные, бонусы, рецепты, заказы и адреса. Пользователь может сохранять информацию для следующих покупок и просматривать статусы заказов.
Помощь при выборе
Подготовила страницы об онлайн-примерке, выборе оправы и процессе заказа, а также раздел статей. Информационные страницы дополняют покупку сведениями о доставке, возврате, оплате, гарантиях и программе лояльности.
01
Структура магазина и навигация между разделами
02
Каталог, фильтры и карточка товара
03
Семишаговый сценарий подбора линз
04
Корзина и варианты оформления заказа
05
Личный кабинет, авторизация и регистрация
06
Информационные страницы и дополнительные состояния интерфейса
Подготовлен комплексный интерфейс интернет-магазина: от знакомства с ассортиментом до подбора линз, оформления заказа и повторной покупки. Дизайн получил реализацию на сайте. Объём материалов включает 63 макета страниц и состояний, в том числе 7 этапов подбора линз и 6 основных разделов личного кабинета.
Результат
Что было сделано:
главная страница и каталог с фильтрами; карточка товара и избранное; пошаговый подбор линз по рецепту; корзина и оформление заказа; вход, регистрация и связанные состояния; личный кабинет с рецептами, заказами, адресами и бонусами; страницы онлайн-примерки, статьи и информация для покупателей; служебные страницы и экран ошибки 404.
