+7 916 605 60 73
E-COMMERCE / UX/UI DESIGN
HAIRCARE
Отслеживание заказа
Вопросы и ответы
О нас
Контакты
HAIRCARE
Поиск по сайту
Подарочная карта
Специальные предложения
смотреть коллекцию
Интернет-магазин
ухода за волосами
Дизайн главной страницы, карточки товара
и мобильной версии
Healthy
Hair,
Every
Day
Откройте для себя лучшие
средства для красоты
и здоровья ваших волос
Питательный
шампунь
Восстановление
и сила
Все категории
E-COMMERCE / UX/UI DESIGN
HAIRCARE
Отслеживание заказа
Вопросы и ответы
О нас
Контакты
HAIRCARE
Поиск по сайту
смотреть коллекцию
Интернет-магазин
ухода за волосами
Дизайн главной страницы, карточки товара
и мобильной версии
Healthy
Hair,
Every
Day
Откройте для себя лучшие
средства для красоты
и здоровья ваших волос
Питательный
шампунь
Восстановление
и сила
Все категории
Подарочная карта
Специальные предложения
E-COMMERCE / UX/UI DESIGN
HAIRCARE
HAIRCARE
Откройте для себя лучшие средства для красоты и здоровья ваших волос
СМОТРЕТЬ КОЛЛЕКЦИЮ
Интернет-магазин
ухода за волосами
Дизайн главной, карточки товара
и мобильной версии
E-COMMERCE / UX/UI DESIGN
HAIRCARE
HAIRCARE
Откройте для себя лучшие средства для красоты и здоровья ваших волос
СМОТРЕТЬ КОЛЛЕКЦИЮ
Интернет-магазин
ухода за волосами
Дизайн главной, карточки товара
и мобильной версии
E-COMMERCE / UX/UI DESIGN
HAIRCARE
HAIRCARE
Откройте для себя лучшие средства для красоты и здоровья ваших волос
СМОТРЕТЬ КОЛЛЕКЦИЮ
Интернет-магазин
ухода за волосами
Дизайн главной, карточки товара
и мобильной версии
О ПРОЕКТЕ
О проекте
HAIRCARE — интернет-магазин
средств для ухода за волосами.
Помочь покупателю выбрать подходящий
уход и перейти к покупке.
Спокойная эстетика. Акцент на продукте.
МОЯ РОЛЬ
UX/UI-дизайнер
Структура страниц, визуальная концепция
и интерфейс магазина.
ОБЪЁМ РАБОТЫ
Главная · Карточка товара
Мобильная версия и UI Kit
О ПРОЕКТЕ
О проекте
HAIRCARE — интернет-магазин
средств для ухода за волосами.
Помочь покупателю выбрать подходящий
уход и перейти к покупке.
Спокойная эстетика. Акцент на продукте.
МОЯ РОЛЬ
UX/UI-дизайнер
Структура страниц, визуальная концепция
и интерфейс магазина.
ОБЪЁМ РАБОТЫ
Главная · Карточка товара
Мобильная версия и UI Kit
О ПРОЕКТЕ
О проекте
HAIRCARE — интернет-магазин
средств для ухода за волосами.
Помочь покупателю выбрать подходящий
уход и перейти к покупке.
Спокойная эстетика. Акцент на продукте.
МОЯ РОЛЬ
UX/UI-дизайнер
Структура страниц, визуальная концепция
и интерфейс магазина.
ОБЪЁМ РАБОТЫ
Главная · Карточка товара
Мобильная версия и UI Kit
О ПРОЕКТЕ
О проекте
HAIRCARE — интернет-магазин
средств для ухода
за волосами.
Помочь покупателю выбрать
подходящий уход и перейти
к покупке.
Спокойная эстетика. Акцент на продукте.
МОЯ РОЛЬ
UX/UI-дизайнер
Структура страниц,
визуальная концепция
и интерфейс магазина.
ОБЪЁМ РАБОТЫ
Главная страница
Карточка товара
Мобильная версия и UI Kit
О ПРОЕКТЕ
О проекте
HAIRCARE — магазин
средств для ухода
за волосами.
Помочь покупателю выбрать
подходящий уход и перейти
к покупке.
Спокойная эстетика. Акцент на продукте.
МОЯ РОЛЬ
UX/UI-дизайнер
Структура страниц,
визуальная концепция
и интерфейс магазина.
ОБЪЁМ РАБОТЫ
Главная страница
Карточка товара
Мобильная версия и UI Kit
ЦЕЛИ И ЗАДАЧИ
Цели и задачи
ЦЕЛЬ
Сделать выбор ухода понятным,
а покупку — удобной.
От знакомства с брендом до выбора подходящего средства.
ЗАДАЧИ
Понятный
выбор продукта
Разделить средства по категориям
и задачам ухода, чтобы помочь
найти подходящий продукт.
Информация
о товаре
Показать назначение, состав
и способ применения рядом
с кнопкой покупки.
Удобная покупка
с телефона
Сохранить понятную навигацию
и читаемый интерфейс
на небольшом экране.
ЦЕЛИ И ЗАДАЧИ
Цели и задачи
ЦЕЛЬ
Сделать выбор ухода понятным,
а покупку — удобной.
От знакомства с брендом до выбора подходящего средства.
ЗАДАЧИ
Понятный
выбор продукта
Разделить средства по категориям
и задачам ухода, чтобы помочь
найти подходящий продукт.
Информация
о товаре
Показать назначение, состав
и способ применения рядом
с кнопкой покупки.
Удобная покупка
с телефона
Сохранить понятную навигацию
и читаемый интерфейс
на небольшом экране.
ЦЕЛИ И ЗАДАЧИ
Цели и задачи
ЦЕЛЬ
Сделать выбор ухода понятным,
а покупку — удобной.
От знакомства с брендом
до выбора подходящего средства.
ЗАДАЧИ
Понятный выбор продукта
Разделить средства по категориям и задачам ухода,
чтобы помочь найти подходящий продукт.
Информация о товаре
Показать назначение, состав и способ применения
рядом с кнопкой покупки.
Удобная покупка с телефона
Сохранить понятную навигацию и читаемый
интерфейс на небольшом экране.
ЦЕЛИ И ЗАДАЧИ
Цели и задачи
ЦЕЛЬ
Сделать выбор ухода понятным, а покупку — удобной.
От знакомства с брендом до выбора подходящего средства.
ЗАДАЧИ
Понятный выбор продукта
Разделить средства по категориям и задачам ухода, чтобы помочь найти подходящий продукт.
Информация о товаре
Показать назначение, состав и способ применения рядом с кнопкой покупки.
Удобная покупка с телефона
Сохранить понятную навигацию и читаемый интерфейс на небольшом экране.
ЦЕЛИ И ЗАДАЧИ
Цели и задачи
ЦЕЛЬ
Сделать выбор ухода понятным, а покупку — удобной.
От знакомства с брендом до выбора подходящего средства.
ЗАДАЧИ
Понятный выбор продукта
Разделить средства по категориям и задачам ухода, чтобы помочь найти подходящий продукт.
Информация о товаре
Показать назначение, состав и способ применения рядом с кнопкой покупки.
Удобная покупка с телефона
Сохранить понятную навигацию и читаемый интерфейс на небольшом экране.
АНАЛИЗ АУДИТОРИИ
Потребности и сценарий покупки
ДЛЯ КОГО
Для тех, кто выбирает уход
под свой тип волос и задачу.
Важно понять, подойдёт ли средство, как его использовать
и чего ожидать от ухода.
ПОТРЕБНОСТИ
Найти подходящее
Выбрать продукт по типу волос
и задаче: увлажнение, восстановление
или ежедневный уход.
Разобраться в средстве
Увидеть назначение, состав
и способ применения — без поиска
информации по всему сайту.
Купить без сложностей
Узнать цену и условия доставки,
добавить товар в корзину
и оформить заказ с телефона.
СЦЕНАРИЙ ПОКУПКИ
Определить задачу
Понять, какой уход
нужен волосам.
Выбрать средство
Найти продукт
в нужной категории.
Проверить детали
Изучить карточку
и условия доставки.
Оформить заказ
Добавить в корзину
и перейти к покупке.
АНАЛИЗ АУДИТОРИИ
Потребности и сценарий покупки
ДЛЯ КОГО
Для тех, кто выбирает уход
под свой тип волос и задачу.
Важно понять, подойдёт ли средство, как его использовать и чего ожидать от ухода.
ПОТРЕБНОСТИ
Найти подходящее
Выбрать продукт по типу волос и задаче: увлажнение, восстановление или ежедневный уход.
Разобраться в средстве
Увидеть назначение, состав и способ применения — без поиска информации по всему сайту.
Купить без сложностей
Узнать цену и условия доставки, добавить товар в корзину и оформить заказ с телефона.
СЦЕНАРИЙ ПОКУПКИ
Определить задачу
Понять, какой уход нужен волосам.
Выбрать средство
Найти продукт в нужной категории.
Проверить детали
Изучить карточку и условия доставки.
Оформить заказ
Добавить в корзину и перейти к покупке.
АНАЛИЗ АУДИТОРИИ
Потребности
и сценарий покупки
ДЛЯ КОГО
Для тех, кто выбирает уход под свой тип волос и задачу.
Важно понять, подойдёт ли средство, как его использовать и чего ожидать от ухода.
ПОТРЕБНОСТИ
Найти подходящее
Выбрать продукт по типу волос и задаче: увлажнение, восстановление или ежедневный уход.
Разобраться в средстве
Увидеть назначение, состав и способ применения — без поиска информации по всему сайту.
Купить без сложностей
Узнать цену и условия доставки, добавить товар в корзину и оформить заказ с телефона.
СЦЕНАРИЙ ПОКУПКИ
Определить задачу
Понять, какой уход нужен волосам.
Выбрать средство
Найти продукт в нужной категории.
Проверить детали
Изучить карточку и условия доставки.
Оформить заказ
Добавить в корзину и перейти к покупке.
АНАЛИЗ АУДИТОРИИ
Потребности
и сценарий покупки
ДЛЯ КОГО
Для тех, кто выбирает уход под свой тип волос и задачу.
Важно понять, подойдёт ли средство, как его использовать и чего ожидать от ухода.
ПОТРЕБНОСТИ
Найти подходящее
Выбрать продукт по типу волос и задаче: увлажнение, восстановление или ежедневный уход.
Разобраться в средстве
Увидеть назначение, состав и способ применения — без поиска информации по всему сайту.
Купить без сложностей
Узнать цену и условия доставки, добавить товар в корзину и оформить заказ с телефона.
СЦЕНАРИЙ ПОКУПКИ
Определить задачу
Понять, какой уход нужен волосам.
Выбрать средство
Найти продукт в нужной категории.
Проверить детали
Изучить карточку и условия доставки.
Оформить заказ
Добавить в корзину и перейти к покупке.
АНАЛИЗ АУДИТОРИИ
Потребности
и сценарий покупки
ДЛЯ КОГО
Для тех, кто выбирает уход под свой тип волос и задачу.
Важно понять, подойдёт ли средство, как его использовать и чего ожидать от ухода.
ПОТРЕБНОСТИ
Найти подходящее
Выбрать продукт по типу волос и задаче: увлажнение, восстановление или ежедневный уход.
Разобраться в средстве
Увидеть назначение, состав и способ применения — без поиска информации по всему сайту.
Купить без сложностей
Узнать цену и условия доставки, добавить товар в корзину и оформить заказ с телефона.
СЦЕНАРИЙ ПОКУПКИ
Определить задачу
Понять, какой уход нужен волосам.
Выбрать средство
Найти продукт в нужной категории.
Проверить детали
Изучить карточку и условия доставки.
Оформить заказ
Добавить в корзину и перейти к покупке.
АНАЛИЗ КОНКУРЕНТОВ
Что помогает выбрать уход
Сравнение каталога Davines и карточки товара GKhair:
как найти подходящее средство и разобраться в его свойствах.
Davines
davines.ru · каталог
Фильтры по типу волос, желаемому
эффекту и линии средств.
Для HAIRCARE: связать выбор продукта
с задачей ухода, а не только с названием категории.
GKhair
gkhair.ru · карточка шампуня
Описание действия средства
и инструкция по применению.
Для HAIRCARE: показать назначение
и способ применения прямо в карточке товара.
РЕШЕНИЯ ДЛЯ HAIRCARE
Выбор по задаче
Категории и подсказки, которые
помогают найти нужный уход.
Понятная карточка
Назначение и применение
рядом с информацией о товаре.
Акцент на продукте
Спокойная подача и чёткая
иерархия без лишнего шума.
АНАЛИЗ КОНКУРЕНТОВ
Что помогает выбрать уход
Сравнение каталога Davines и карточки товара GKhair: как найти подходящее средство и разобраться в его свойствах.
Davines
davines.ru · каталог
Фильтры по типу волос, желаемому эффекту и линии средств.
Для HAIRCARE: связать выбор продукта с задачей ухода, а не только с названием категории.
GKhair
gkhair.ru · карточка шампуня
Описание действия средства и инструкция по применению.
Для HAIRCARE: показать назначение и способ применения прямо в карточке товара.
РЕШЕНИЯ ДЛЯ HAIRCARE
Выбор по задаче
Категории и подсказки, которые помогают найти нужный уход.
Понятная карточка
Назначение и применение рядом с информацией о товаре.
Акцент на продукте
Спокойная подача и чёткая иерархия без лишнего шума.
АНАЛИЗ КОНКУРЕНТОВ
Что помогает
выбрать уход
Сравнение каталога Davines и карточки товара GKhair: как найти подходящее средство и разобраться в его свойствах.
Davines
davines.ru · каталог
Фильтры по типу волос, желаемому эффекту и линии средств.
Для HAIRCARE: связать выбор продукта с задачей ухода, а не только с названием категории.
GKhair
gkhair.ru · карточка шампуня
Описание действия средства и инструкция по применению.
Для HAIRCARE: показать назначение и способ применения прямо в карточке товара.
РЕШЕНИЯ ДЛЯ HAIRCARE
Выбор по задаче
Категории и подсказки, которые помогают найти нужный уход.
Понятная карточка
Назначение и применение рядом с информацией о товаре.
Акцент на продукте
Спокойная подача и чёткая иерархия без лишнего шума.
АНАЛИЗ КОНКУРЕНТОВ
Что помогает
выбрать уход
Сравнение каталога Davines и карточки товара GKhair: как найти подходящее средство и разобраться в его свойствах.
Davines
davines.ru · каталог
Фильтры по типу волос, желаемому эффекту и линии средств.
Для HAIRCARE: связать выбор продукта с задачей ухода, а не только с названием категории.
GKhair
gkhair.ru · карточка шампуня
Описание действия средства и инструкция по применению.
Для HAIRCARE: показать назначение и способ применения прямо в карточке товара.
РЕШЕНИЯ ДЛЯ HAIRCARE
Выбор по задаче
Категории и подсказки, которые помогают найти нужный уход.
Понятная карточка
Назначение и применение рядом с информацией о товаре.
Акцент на продукте
Спокойная подача и чёткая иерархия без лишнего шума.
АНАЛИЗ КОНКУРЕНТОВ
Что помогает
выбрать уход
Сравнение каталога Davines и карточки товара GKhair: как найти подходящее средство и разобраться в его свойствах.
Davines
davines.ru · каталог
Фильтры по типу волос, желаемому эффекту и линии средств.
Для HAIRCARE: связать выбор продукта с задачей ухода, а не только с названием категории.
GKhair
gkhair.ru · карточка шампуня
Описание действия средства и инструкция по применению.
Для HAIRCARE: показать назначение и способ применения прямо в карточке товара.
РЕШЕНИЯ ДЛЯ HAIRCARE
Выбор по задаче
Категории и подсказки, которые помогают найти нужный уход.
Понятная карточка
Назначение и применение рядом с информацией о товаре.
Акцент на продукте
Спокойная подача и чёткая иерархия без лишнего шума.
КЛЮЧЕВОЙ ВЫВОД
Сначала понять уход.
Затем выбрать продукт.
Выбор начинается с задачи покупателя, а не с названия средства.
Поэтому сайт последовательно знакомит с брендом, помогает
найти подходящий уход и даёт информацию для покупки.
КАК ЭТО ПОВЛИЯЛО НА САЙТ
Главная
Познакомить и направить
Первый экран объясняет,
что предлагает бренд. Категории
ведут к нужной группе средств.
Каталог
Помочь выбрать
Группировка по категориям
и задачам ухода помогает
сузить выбор продукта.
Карточка товара
Снять вопросы до покупки
Назначение, состав и применение
помогают оценить средство.
Цена и кнопка покупки — рядом.
КЛЮЧЕВОЙ ВЫВОД
Сначала понять уход.
Затем выбрать продукт.
Выбор начинается с задачи покупателя, а не с названия средства. Поэтому сайт последовательно знакомит с брендом, помогает найти подходящий уход и даёт информацию для покупки.
КАК ЭТО ПОВЛИЯЛО НА САЙТ
Главная
Познакомить и направить
Первый экран объясняет, что предлагает бренд. Категории ведут к нужной группе средств.
Каталог
Помочь выбрать
Группировка по категориям и задачам ухода помогает сузить выбор продукта.
Карточка товара
Снять вопросы до покупки
Назначение, состав и применение помогают оценить средство. Цена и кнопка покупки — рядом.
КЛЮЧЕВОЙ ВЫВОД
Сначала понять уход.
Затем выбрать продукт.
Выбор начинается с задачи покупателя, а не с названия средства. Поэтому сайт последовательно знакомит с брендом, помогает найти подходящий уход и даёт информацию для покупки.
КАК ЭТО ПОВЛИЯЛО НА САЙТ
Главная
Познакомить и направить
Первый экран объясняет, что предлагает бренд. Категории ведут к нужной группе средств.
Каталог
Помочь выбрать
Группировка по категориям и задачам ухода помогает сузить выбор продукта.
Карточка товара
Снять вопросы до покупки
Назначение, состав и применение помогают оценить средство. Цена и кнопка покупки — рядом.
КЛЮЧЕВОЙ ВЫВОД
Сначала понять уход.
Затем выбрать продукт.
Выбор начинается с задачи покупателя, а не с названия средства. Поэтому сайт последовательно знакомит с брендом, помогает найти подходящий уход и даёт информацию для покупки.
КАК ЭТО ПОВЛИЯЛО НА САЙТ
Главная
Познакомить и направить
Первый экран объясняет, что предлагает бренд. Категории ведут к нужной группе средств.
Каталог
Помочь выбрать
Группировка по категориям и задачам ухода помогает сузить выбор продукта.
Карточка товара
Снять вопросы до покупки
Назначение, состав и применение помогают оценить средство. Цена и кнопка покупки — рядом.
КЛЮЧЕВОЙ ВЫВОД
Сначала понять уход.
Затем выбрать продукт.
Выбор начинается с задачи покупателя, а не с названия средства. Поэтому сайт последовательно знакомит с брендом, помогает найти подходящий уход и даёт информацию для покупки.
КАК ЭТО ПОВЛИЯЛО НА САЙТ
Главная
Познакомить и направить
Первый экран объясняет, что предлагает бренд. Категории ведут к нужной группе средств.
Каталог
Помочь выбрать
Группировка по категориям и задачам ухода помогает сузить выбор продукта.
Карточка товара
Снять вопросы до покупки
Назначение, состав и применение помогают оценить средство. Цена и кнопка покупки — рядом.
ВИЗУАЛЬНАЯ КОНЦЕПЦИЯ И UI KIT
Светлый и спокойный интерфейс с акцентом на продукт.
Белый фон и чёрная типографика задают основу главной. В карточке товара — тёплые молочные оттенки и золотой акцент. Крупные фотографии волос и продуктов объединяют страницы.
ПАЛИТРА
#FFFFFF
Фон
#121212
Текст
#F0EBE3
Поверхность
#8A8478
Вторичный
#C9A96E
Акцент
Основа — белый и чёрный. Молочный фон и золотой акцент используются в карточке товара.
ТИПОГРАФИКА
Inter
Healthy Hair, Every Day
Regular — заголовки и основной текст
Medium / Semi Bold — кнопки и акценты
90 / 56 / 40 / 32 px — шкала заголовков
ФОТОСТИЛЬ
Ухоженные волосы, тёплый естественный свет и предметная съёмка на нейтральном фоне.
UI-КОМПОНЕНТЫ
Шампунь Nourish&Shine
2099 р
В корзину
Купить в один клик
Карточка товара, подбор по потребности, количество и кнопки покупки — из готового интерфейса.
ПОИСК: DEFAULT / CLICK / TYPING
Поиск по сайту
Поиск по сайту
Поиск по сайту
Иконки · Web / Mobile · Fill / Outline
ПОДБОР ПО ПОТРЕБНОСТИ
Сухость
Тонкие волосы
Выпадение волос
Вьющиеся волосы
Перхоть
Окрашенные волосы
Кнопки: Outline black / Outline white / Default
Смотреть все
Смотреть коллекцию
В корзину
Избранное · состояния
Не выбрано
Выбрано
−
1
+
ВИЗУАЛЬНАЯ КОНЦЕПЦИЯ И UI KIT
Светлый и спокойный интерфейс с акцентом на продукт.
Белый фон и чёрная типографика задают основу главной. В карточке товара — тёплые молочные оттенки и золотой акцент. Крупные фотографии волос и продуктов объединяют страницы.
ПАЛИТРА
#FFFFFF
Фон
#121212
Текст
#F0EBE3
Поверхность
#8A8478
Вторичный
#C9A96E
Акцент
Основа — белый и чёрный. Молочный фон и золотой акцент используются в карточке товара.
ТИПОГРАФИКА
Inter
Healthy Hair, Every Day
Regular — заголовки и основной текст
Medium / Semi Bold — кнопки и акценты
90 / 56 / 40 / 32 px — шкала заголовков
ФОТОСТИЛЬ
Ухоженные волосы, тёплый естественный свет и предметная съёмка на нейтральном фоне.
UI-КОМПОНЕНТЫ
Шампунь Nourish&Shine
2099 р
В корзину
Купить в один клик
Карточка товара, подбор по потребности, количество и кнопки покупки — из готового интерфейса.
ПОИСК: DEFAULT / CLICK / TYPING
Поиск по сайту
Поиск по сайту
Поиск по сайту
Иконки · Web / Mobile · Fill / Outline
ПОДБОР ПО ПОТРЕБНОСТИ
Сухость
Тонкие волосы
Выпадение волос
Вьющиеся волосы
Перхоть
Окрашенные волосы
Кнопки: Outline black / Outline white / Default
Смотреть все
Смотреть коллекцию
В корзину
Избранное · состояния
Не выбрано
Выбрано
−
1
+
ВИЗУАЛЬНАЯ КОНЦЕПЦИЯ И UI KIT
Светлый и спокойный интерфейс с акцентом на продукт.
Белый фон и чёрная типографика задают основу главной. В карточке товара — тёплые молочные оттенки и золотой акцент. Крупные фотографии волос и продуктов объединяют страницы.
ПАЛИТРА
#FFFFFF
Фон
#121212
Текст
#F0EBE3
Поверхность
#8A8478
Вторичный
#C9A96E
Акцент
Основа — белый и чёрный. Молочный фон и золотой акцент используются в карточке товара.
ТИПОГРАФИКА
Inter
Healthy Hair, Every Day
Regular — заголовки и основной текст
Medium / Semi Bold — кнопки и акценты
90 / 56 / 40 / 32 px — шкала заголовков
ФОТОСТИЛЬ
Ухоженные волосы, тёплый естественный свет и предметная съёмка на нейтральном фоне.
UI-КОМПОНЕНТЫ
Шампунь Nourish&Shine
2099 р
В корзину
Купить в один клик
Карточка товара, подбор по потребности, количество и кнопки покупки — из готового интерфейса.
ПОИСК: DEFAULT / CLICK / TYPING
Поиск по сайту
Поиск по сайту
Поиск по сайту
Иконки · Web / Mobile · Fill / Outline
ПОДБОР ПО ПОТРЕБНОСТИ
Сухость
Тонкие волосы
Выпадение волос
Вьющиеся волосы
Перхоть
Окрашенные волосы
Кнопки: Outline black / Outline white / Default
Смотреть все
Смотреть коллекцию
В корзину
Избранное · состояния
Не выбрано
Выбрано
−
1
+
ВИЗУАЛЬНАЯ КОНЦЕПЦИЯ И UI KIT
Светлый и спокойный интерфейс с акцентом на продукт.
Белый фон и чёрная типографика задают основу главной. В карточке товара — тёплые молочные оттенки и золотой акцент. Крупные фотографии волос и продуктов объединяют страницы.
ПАЛИТРА
#FFFFFF
Фон
#121212
Текст
#F0EBE3
Поверхность
#8A8478
Вторичный
#C9A96E
Акцент
Основа — белый и чёрный. Молочный фон и золотой акцент используются в карточке товара.
ТИПОГРАФИКА
Inter
Healthy Hair, Every Day
Regular — заголовки и основной текст
Medium / Semi Bold — кнопки и акценты
90 / 56 / 40 / 32 px — шкала заголовков
ФОТОСТИЛЬ
Ухоженные волосы, тёплый естественный свет и предметная съёмка на нейтральном фоне.
UI-КОМПОНЕНТЫ
Шампунь Nourish&Shine
2099 р
В корзину
Купить в один клик
Карточка товара, подбор по потребности, количество и кнопки покупки — из готового интерфейса.
ПОИСК: DEFAULT / CLICK / TYPING
Поиск по сайту
Поиск по сайту
Поиск по сайту
Иконки · Web / Mobile · Fill / Outline
ПОДБОР ПО ПОТРЕБНОСТИ
Сухость
Тонкие волосы
Выпадение волос
Вьющиеся волосы
Перхоть
Окрашенные волосы
Кнопки: Outline black / Outline white / Default
Смотреть все
Смотреть коллекцию
В корзину
Избранное · состояния
Не выбрано
Выбрано
−
1
+
ВИЗУАЛЬНАЯ КОНЦЕПЦИЯ И UI KIT
Светлый и спокойный интерфейс с акцентом на продукт.
Белый фон и чёрная типографика задают основу главной. В карточке товара — тёплые молочные оттенки и золотой акцент. Крупные фотографии волос и продуктов объединяют страницы.
ПАЛИТРА
#FFFFFF
Фон
#121212
Текст
#F0EBE3
Поверхность
#8A8478
Вторичный
#C9A96E
Акцент
Основа — белый и чёрный. Молочный фон и золотой акцент используются в карточке товара.
ТИПОГРАФИКА
Inter
Healthy Hair, Every Day
Regular — заголовки и основной текст
Medium / Semi Bold — кнопки и акценты
90 / 56 / 40 / 32 px — шкала заголовков
ФОТОСТИЛЬ
Ухоженные волосы, тёплый естественный свет и предметная съёмка на нейтральном фоне.
UI-КОМПОНЕНТЫ
Шампунь Nourish&Shine
2099 р
В корзину
Купить в один клик
Карточка товара, подбор по потребности, количество и кнопки покупки — из готового интерфейса.
ПОИСК: DEFAULT / CLICK / TYPING
Поиск по сайту
Поиск по сайту
Поиск по сайту
Иконки · Web / Mobile · Fill / Outline
ПОДБОР ПО ПОТРЕБНОСТИ
Сухость
Тонкие волосы
Выпадение волос
Вьющиеся волосы
Перхоть
Окрашенные волосы
Кнопки: Outline black / Outline white / Default
Смотреть все
Смотреть коллекцию
В корзину
Избранное · состояния
Не выбрано
Выбрано
−
1
+
ГЛАВНАЯ СТРАНИЦА
От знакомства
к выбору ухода
Главная знакомит с брендом и помогает найти подходящее средство.
Характер бренда
Крупная beauty-фотография и лаконичная подача создают первое впечатление.
Выбор по задаче
Пользователь начинает с типа средства или потребности своих волос.
Переход к покупке
Хиты продаж и кнопка коллекции ведут к карточкам товаров.
Понятная навигация по уходу
Категории и подбор по потребности сокращают путь к нужному продукту.
Главная целиком
ГЛАВНАЯ СТРАНИЦА
От знакомства
к выбору ухода
Главная знакомит с брендом и помогает найти подходящее средство.
Характер бренда
Крупная beauty-фотография и лаконичная подача создают первое впечатление.
Выбор по задаче
Пользователь начинает с типа средства или потребности своих волос.
Переход к покупке
Хиты продаж и кнопка коллекции ведут к карточкам товаров.
Понятная навигация по уходу
Категории и подбор по потребности сокращают путь к нужному продукту.
Главная целиком
ГЛАВНАЯ СТРАНИЦА
От знакомства
к выбору ухода
Главная знакомит с брендом и помогает найти подходящее средство.
Характер бренда
Крупная beauty-фотография и лаконичная подача создают первое впечатление.
Выбор по задаче
Пользователь начинает с типа средства или потребности своих волос.
Переход к покупке
Хиты продаж и кнопка коллекции ведут к карточкам товаров.
Понятная навигация по уходу
Категории и подбор по потребности сокращают путь к нужному продукту.
Главная целиком
Общая структура страницы: от знакомства с брендом до выбора продукта.
ГЛАВНАЯ СТРАНИЦА
От знакомства
к выбору ухода
Главная знакомит с брендом и помогает найти подходящее средство.
Характер бренда
Крупная beauty-фотография и лаконичная подача создают первое впечатление.
Выбор по задаче
Пользователь начинает с типа средства или потребности своих волос.
Переход к покупке
Хиты продаж и кнопка коллекции ведут к карточкам товаров.
Понятная навигация по уходу
Категории и подбор по потребности сокращают путь к нужному продукту.
Главная целиком
Общая структура страницы: от знакомства с брендом до выбора продукта.
ГЛАВНАЯ СТРАНИЦА
От знакомства
к выбору ухода
Главная знакомит с брендом и помогает найти подходящее средство.
Характер бренда
Крупная beauty-фотография и лаконичная подача создают первое впечатление.
Выбор по задаче
Пользователь начинает с типа средства или потребности своих волос.
Переход к покупке
Хиты продаж и кнопка коллекции ведут к карточкам товаров.
Понятная навигация по уходу
Категории и подбор по потребности сокращают путь к нужному продукту.
Главная целиком
Общая структура страницы: от знакомства с брендом до выбора продукта.
КАРТОЧКА ТОВАРА
Всё для уверенного
выбора средства
Фото, свойства и зона покупки помогают оценить товар и принять решение.
Товар крупным планом
Полное фото, название и цена сразу отвечают на основные вопросы.
Польза без догадок
Описание, преимущества и состав объясняют действие средства.
Понятная покупка
Количество и кнопка добавления в корзину собраны рядом.
Состав с пояснениями
Компоненты раскрыты через их роль в уходе, а применение объяснено в четырёх шагах.
Применение по шагам
Четыре коротких шага объясняют, как пользоваться средством.
Отзывы покупателей
Оценки, фотографии и опыт других покупателей помогают принять решение.
Карточка товара целиком
КАРТОЧКА ТОВАРА
Всё для уверенного
выбора средства
Фото, свойства и зона покупки помогают оценить товар и принять решение.
Товар крупным планом
Полное фото, название и цена сразу отвечают на основные вопросы.
Польза без догадок
Описание, преимущества и состав объясняют действие средства.
Понятная покупка
Количество и кнопка добавления в корзину собраны рядом.
Состав с пояснениями
Компоненты раскрыты через их роль в уходе, а применение объяснено в четырёх шагах.
Применение по шагам
Четыре коротких шага объясняют, как пользоваться средством.
Отзывы покупателей
Оценки, фотографии и опыт других покупателей помогают принять решение.
Карточка товара целиком
КАРТОЧКА ТОВАРА
Всё для уверенного
выбора средства
Фото, свойства и зона покупки помогают оценить товар и принять решение.
Товар крупным планом
Полное фото, название и цена сразу отвечают на основные вопросы.
Польза без догадок
Описание, преимущества и состав объясняют действие средства.
Понятная покупка
Количество и кнопка добавления в корзину собраны рядом.
Состав с пояснениями
Компоненты раскрыты через их роль в уходе, а применение объяснено в четырёх шагах.
Применение по шагам
Четыре коротких шага объясняют, как пользоваться средством.
Отзывы покупателей
Оценки, фотографии и опыт других покупателей помогают принять решение.
Карточка товара целиком
Общая структура: от знакомства со средством до состава, применения и отзывов.
КАРТОЧКА ТОВАРА
Всё для уверенного
выбора средства
Фото, свойства и зона покупки помогают оценить товар и принять решение.
Товар крупным планом
Полное фото, название и цена сразу отвечают на основные вопросы.
Польза без догадок
Описание, преимущества и состав объясняют действие средства.
Понятная покупка
Количество и кнопка добавления в корзину собраны рядом.
Состав с пояснениями
Компоненты раскрыты через их роль в уходе, а применение объяснено в четырёх шагах.
Применение по шагам
Четыре коротких шага объясняют, как пользоваться средством.
Отзывы покупателей
Оценки, фотографии и опыт других покупателей помогают принять решение.
Карточка товара целиком
Общая структура: от знакомства со средством до состава, применения и отзывов.
КАРТОЧКА ТОВАРА
Всё для уверенного
выбора средства
Фото, свойства и зона покупки помогают оценить товар и принять решение.
Товар крупным планом
Полное фото, название и цена сразу отвечают на основные вопросы.
Польза без догадок
Описание, преимущества и состав объясняют действие средства.
Понятная покупка
Количество и кнопка добавления в корзину собраны рядом.
Состав с пояснениями
Компоненты раскрыты через их роль в уходе, а применение объяснено в четырёх шагах.
Применение по шагам
Четыре коротких шага объясняют, как пользоваться средством.
Отзывы покупателей
Оценки, фотографии и опыт других покупателей помогают принять решение.
Карточка товара целиком
Общая структура: от знакомства со средством до состава, применения и отзывов.
АДАПТИВНАЯ ВЕРСИЯ
Удобный выбор ухода
с любого экрана
Мобильные версии главной и карточки товара сохраняют понятную навигацию,
крупные фотографии и доступную зону покупки.
Главная страница
Карточка товара
Навигация под рукой
Меню, поиск и корзина остаются доступными в компактной шапке.
Контент в одну колонку
Главный визуал и блоки ухода читаются последовательно, без горизонтальной прокрутки.
Покупка без лишних шагов
Фото, цена, количество и кнопки покупки сохраняют понятную иерархию.
АДАПТИВНАЯ ВЕРСИЯ
Удобный выбор ухода
с любого экрана
Мобильные версии главной и карточки товара сохраняют понятную навигацию, крупные фотографии и доступную зону покупки.
Главная страница
Карточка товара
Навигация под рукой
Меню, поиск и корзина остаются доступными в компактной шапке.
Контент в одну колонку
Главный визуал и блоки ухода читаются последовательно, без горизонтальной прокрутки.
Покупка без лишних шагов
Фото, цена, количество и кнопки покупки сохраняют понятную иерархию.
АДАПТИВНАЯ ВЕРСИЯ
Удобный выбор ухода
с любого экрана
Мобильные версии главной и карточки товара сохраняют понятную навигацию, крупные фотографии и доступную зону покупки.
Главная страница
Карточка товара
Навигация под рукой
Меню, поиск и корзина остаются доступными в компактной шапке.
Контент в одну колонку
Главный визуал и блоки ухода читаются последовательно, без горизонтальной прокрутки.
Покупка без лишних шагов
Фото, цена, количество и кнопки покупки сохраняют понятную иерархию.
АДАПТИВНАЯ ВЕРСИЯ
Удобный выбор ухода
с любого экрана
Мобильные версии главной и карточки товара сохраняют понятную навигацию, крупные фотографии и доступную зону покупки.
Главная страница
Карточка товара
Навигация под рукой
Меню, поиск и корзина остаются доступными в компактной шапке.
Контент в одну колонку
Главный визуал и блоки ухода читаются последовательно, без горизонтальной прокрутки.
Покупка без лишних шагов
Фото, цена, количество и кнопки покупки сохраняют понятную иерархию.
АДАПТИВНАЯ ВЕРСИЯ
Удобный выбор ухода
с любого экрана
Мобильные версии главной и карточки товара сохраняют понятную навигацию, крупные фотографии и доступную зону покупки.
Главная страница
Карточка товара
Навигация под рукой
Меню, поиск и корзина остаются доступными в компактной шапке.
Контент в одну колонку
Главный визуал и блоки ухода читаются последовательно, без горизонтальной прокрутки.
Покупка без лишних шагов
Фото, цена, количество и кнопки покупки сохраняют понятную иерархию.
HAIRCARE · UX/UI ДИЗАЙН
Уход начинается
с понятного выбора
Интернет-магазин средств для волос
HAIRCARE
Спасибо за просмотр
9:41
HAIRCARE · UX/UI ДИЗАЙН
Уход начинается
с понятного выбора
Интернет-магазин средств для волос
HAIRCARE
Спасибо за просмотр
9:41
HAIRCARE · UX/UI ДИЗАЙН
Уход начинается
с понятного выбора
Интернет-магазин средств для волос
HAIRCARE
Спасибо за просмотр
9:41
HAIRCARE · UX/UI ДИЗАЙН
Уход начинается
с понятного выбора
Интернет-магазин средств для волос
HAIRCARE
Спасибо за просмотр
9:41
HAIRCARE · UX/UI ДИЗАЙН
Уход начинается
с понятного выбора
Интернет-магазин средств для волос
HAIRCARE
Спасибо за просмотр
9:41
Made on
Tilda