E-commerceКосметикаКаталогОнлайн-продажи

DI Store

Интернет-магазин косметики и средств по уходу за собой

Клиент

DI Store

Год

2024

Роль

Дизайн и разработка интернет-магазина

Открыть сайт

О проекте

DI Store — онлайн-магазин косметики и средств по уходу за собой. Клиент хотел уйти от ограниченных конструкторов сайтов и получить полноценный интернет-магазин с гибким каталогом, удобной корзиной, фильтрацией по категориям и безопасной оплатой — всё в одном современном решении.

Стек

Next.jsTypeScriptTailwindCSSPostgreSQLStripeCloudinary

Услуги

UX/UI дизайнE-commerce разработкаКаталогОнлайн-оплата
distore.kg

Результаты

68%

Конверсия корзины

Добавил в корзину → оформил заказ

1.2s

Загрузка

Среднее время загрузки страницы товара

84%

Мобильные

Доля покупок с мобильных устройств

Цели

  • Создать привлекательный интернет-магазин с акцентом на визуальную подачу продуктов
  • Реализовать удобный каталог с фильтрацией по категориям, брендам и цене
  • Обеспечить бесшовный процесс выбора товара, оплаты и отслеживания заказа
  • Подключить CMS для самостоятельного управления ассортиментом

Вызовы

  • Косметика — визуально требовательная ниша: фото и описания товаров определяют конверсию
  • Необходимость удобного управления ассортиментом без технических знаний
  • 80%+ покупок происходит с мобильного — критична скорость и удобство на смартфонах

Решения

  • Разработали visual-first дизайн: крупные фото, зум, множество ракурсов на каждый товар
  • Умная фильтрация: по категории, бренду, объёму, цене — без перезагрузки страницы
  • Mobile-first корзина и оформление заказа в 3 клика
  • Панель управления товарами: добавить, изменить цену, скрыть — за 30 секунд

Процесс

01

UX-исследование

Анализ конкурирующих магазинов косметики, определение пути покупателя и ключевых точек конверсии

1 неделя

02

Дизайн

Mobile-first прототипы, дизайн-система с акцентом на красоту продуктовых карточек

2 недели

03

Разработка

E-commerce функциональность: каталог, корзина, оплата, личный кабинет покупателя, панель администратора

6 недель

04

Запуск

Наполнение каталога, обучение команды, настройка аналитики продаж

1 неделя