Все кейсы

Мобильное приложение · iOS · E-commerce

COLOR
HARMONY

О проекте

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

Открыть в App Store
ПлатформаiPhone
и iPad
КатегорияПокупки
Версия iOS15.1+
App Store5,0 из 54 оценки на момент публикации кейса

Контекст

Профессиональный уход — в привычном мобильном сценарии

01

Задача

Перенести ассортимент магазина профессиональной косметики в мобильный продукт и сократить путь от потребности до заказа.

02

Решение

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

03

Релиз

Приложение опубликовано в App Store и доступно на iPhone и iPad. Основной e-commerce-сценарий работает внутри единого интерфейса.

Интерфейс

Путь от каталога до заказа

Четыре ключевых состояния показывают логику продукта целиком: знакомство с ассортиментом, выбор категории, карточка товара и корзина.

01Главная и лояльность
Главная страница, каталог и карта лояльности COLOR HARMONY
02Категория и фильтры
Категория средств для волос и фильтры COLOR HARMONY
03Карточка товара
Карточка товара с описанием, ценой и кнопкой добавления в корзину
04Корзина
Корзина и оформление заказа в приложении COLOR HARMONY

Состав работ

Что вошло в проект

01

Продуктовая аналитика и сценарии

02

UX-архитектура каталога

03

UI-дизайн и система компонентов

04

Разработка приложения для iOS

05

Интеграция каталога и заказов

06

Подготовка публикации в App Store

Процесс

От ассортимента к продукту

01

Исследование

Разобрали аудиторию магазина: мастеров индустрии красоты и покупателей для домашнего ухода. Зафиксировали задачи поиска, сравнения и повторной покупки.

02

Архитектура

Организовали ассортимент вокруг понятных категорий и продуктовых сценариев. Связали главную, поиск, каталог, избранное, профиль и корзину.

03

UX/UI

Спроектировали интерфейс с акцентом на товары и быстрые действия. Фирменный малиновый цвет стал навигационным маркером и связал экраны в одну систему.

04

Разработка

Реализовали мобильный клиент, подключили данные каталога, цены, доступность товаров, избранное, корзину и пользовательские данные.

05

Релиз

Проверили ключевые сценарии на iPhone и iPad, подготовили материалы карточки и выпустили приложение в App Store.

Экспертиза

Разработка мобильного приложения для интернет-магазина

COLOR HARMONY объединяет мобильную витрину, программу лояльности и оформление заказа в одном продукте для клиентов магазина профессиональной косметики.

  • 01Приложение интернет-магазина
  • 02Разработка приложения для iOS
  • 03Мобильный каталог товаров
  • 04UX/UI-дизайн e-commerce
  • 05Программа лояльности
  • 06Корзина и оформление заказа

Разработка мобильного приложения интернет-магазина началась с ключевого маршрута покупателя: найти подходящее средство, проверить характеристики, сохранить или добавить в корзину и перейти к заказу.

Интерфейс рассчитан на развитие каталога и повторные покупки. Категории, фильтры, избранное и программа лояльности помогают возвращаться к нужным товарам без повторного поиска.

Новый продукт

Хотите приложение для своего бизнеса?

Разберём бизнес-модель, определим первый релиз и соберём понятный план запуска на iOS и Android.

  • Спроектируем пользовательские сценарии
  • Создадим дизайн и разработаем продукт
  • Подготовим релиз и дальнейшее развитие