₊˚⊹♡Мария Галиуллина
₊˚⊹♡Мария Галиуллина
/
Подробнее про кейс Hoppy loopy
Подробнее про кейс Hoppy loopy
Подробнее про кейс Hoppy loopy
Подробнее про кейс Hoppy loopy

Подробнее про кейс Hoppy loopy


Исследования показывают, что пользователи выбирают уходовые средства не только из-за качества продукта, но и из-за возможности уделить время себе и заботиться о своем здоровье. Для 42% пользователей важно, чтобы бренд учитывал их индивидуальные потребности.
Более подробная информация
notion image

Какие задачи и цели

  1. Создать современный e-commerce сайт для бренда уходовой и декоративной косметики.
  1. Разработать понятный и интуитивный интерфейс для комфортного выбора товаров.
  1. Сделать акцент на визуальной эстетике бренда и эмоциональном восприятии продукта.
  1. Помочь пользователям быстро находить подходящие средства через удобную структуру каталога.
  1. Создать дизайн, который сочетает заботу о пользователе и коммерческие задачи бизнеса.

Что было сделано / результаты

  1. Провела анализ целевой аудитории и конкурентов.
  1. Определила ключевые особенности продукта и пользовательские потребности. 
  1. Разработала структуру сайта и карту страниц:
      • главная страница;
      • каталог;
      • карточка товара;
      • избранное;
      • корзина;
      • оформление заказа;
      • страница оплаты;
      • контакты;
      • FAQ/дополнительные страницы. 
  1. Создала визуальную концепцию проекта: подобрала стиль, цветовую палитру, типографику.
  1. Спроектировала UX/UI всех ключевых экранов интернет-магазина.
  1. Разработала адаптивную версию интерфейса для desktop и mobile устройств.
  1. Создала дизайн карточек товаров, каталога, фильтрации, корзины и оформления заказа.

Эмоциональная презентация бренда

Главной задачей было создать не просто каталог косметики, а пространство, которое передает идею заботы о себе. Поэтому визуальная концепция построена вокруг эстетики, спокойных цветов и большого количества воздуха
notion image
Каждый блок сайта помогает пользователю познакомиться с продуктом: от первого впечатления на главной странице до изучения состава и характеристик конкретного средства.
notion image
notion image
Полностью разработан UI-kit с плашками, кнопками и компонентами, отдельно проработана мобильная часть, так как это важная и неотъемлимая часть в современном дизайне.
notion image
notion image

Удобный каталог и поиск товара

Для e-commerce важно быстро привести пользователя к нужному продукту.
Я разработала структуру каталога с удобной системой фильтрации и понятной сеткой товаров.
notion image
Карточки продуктов построены таким образом, чтобы пользователь сразу видел ключевую информацию: название средства, категорию, изображение и стоимость.
Также я разработала фильтрацию для поиска нужных товаров.
notion image

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

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

👈🏻 На главную

 
Copyright 2026 Мария Галиуллина