Дизайн интернет-магазина · 2021–2024

Stomdevice

Магазин стоматологического оборудования для клиник и врачей. С 2021 по 2024 год рисовали для него новые страницы и блоки в стиле сайта: корзину, личный кабинет, заказы, вкладку документов в карточке товара, попапы и служебные страницы.

Клиент: Stomdevice, стоматологическое оборудование
Задача: Новые страницы и блоки в стиле магазина
Платформа: CS-Cart Ultimate
Макеты: Корзина, кабинет, заказы, блоки карточки, 404
Годы: 2021–2024

stomdevice.ru

Задача

Stomdevice продаёт оборудование и инструменты стоматологическим клиникам, многие покупатели — юрлица. Мы ведём магазин с 2021 года, и дизайн развивали вместе с ним: клиент присылал задачу, описание или черновик, мы рисовали макет в стиле сайта и верстали его.

Часть экранов кабинета и заказов клиент прислал в Adobe Illustrator — их мы перенесли в Figma и доработали. Остальное на этой странице нарисовали мы: корзину и кабинет — по описанию и черновикам клиента, блоки карточки, 404 и уведомления — по заданиям.

Корзина

Над списком — коммерческое предложение, «Поделиться» и группировка товаров по категориям.
Кнопка «Добавить товар» открывает поиск: товар можно добавить, не уходя из корзины.
У строки — код, вариант товара, цена за штуку и старая цена, при наведении — избранное, сравнение и удаление.
Справа — панель итогов: физлицо или юрлицо, кредит или лизинг, сертификат, вес заказа и скидка.

Кабинет покупателя

Наведите на экран, чтобы пролистать его, или откройте во весь размер.

Личный кабинет Stomdevice — 1854 × 1363 · Личный кабинет

Заказы Stomdevice — 1854 × 1363 · Заказы

Карточка товара

Для карточки нарисовали вкладку документов с сертификатами и сроками их действия, окно галереи с ценой и кнопками покупки и новое окно отзыва вместо прежнего, слишком большого.

Блок «Не нашли что искали?»

Внизу карточки — кнопка «Перезвоните мне» и иконки разделов каталога с подсказками; клиент выбрал этот вариант из трёх.

Блоки и служебные страницы

Блок «Как это работает?» для главной и корзины, страница 404 с переходом к акциям и каталогу и уведомления четырёх типов: сообщение, ошибка, предупреждение и успех.