Шесть концепций для двух брендов

Демо-концепции · SOLORO LAB и Rio Fiore

Шесть концепций интернет-магазина для двух брендов

Три магазина косметики и три — обуви и сумок. Не макеты, а работающие прототипы: каталог, карточка товара, корзина и оформление заказа на ПК и телефоне. Выберите характер — и пройдите покупку целиком.

Косметика · концепции 01–03

SOLORO LAB

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

SOLORO LAB · концепция 01

Лаборатория

По мотивам The Ordinary

Открыть
Концепция 01 «Лаборатория»: первый экран на ПК
Концепция 01 «Лаборатория»: первый экран на телефоне

«Формулы без маркетинга. Актив, концентрация, цена.»

Для тех, кто читает состав раньше обещаний. Средство названо по главному активу и его концентрации, рядом — pH, полный INCI и правила сочетания. Цены от 390 до 1 490 ₽.

Ключевые решения

  1. Название = формула: актив и концентрация на этикетке, pH и INCI в каждой карточке
  2. Конструктор ухода: пять вопросов → режим утро/вечер, весь режим в корзину одной кнопкой
  3. Словарь активов: 16 статей — рабочие концентрации и с чем сочетать
  4. Матрица совместимости 8 × 8 с подсказкой по клику
  5. Каталог в двух измерениях: 8 категорий и 11 задач кожи
  6. Готовые режимы с расписанием по дням и скидкой за набор
Палитра
  • #F5F3EE
  • #111111
  • #9A5A1C
  • #EDE3D3
  • #5B6C80
Шрифты
Golos Text, Inter, IBM Plex Mono
Ориентир
По мотивам The Ordinary

SOLORO LAB · концепция 02

Яркий

По мотивам MIXIT

Открыть
Концепция 02 «Яркий»: первый экран на ПК
Концепция 02 «Яркий»: первый экран на телефоне

«Уход в цвет настроения»

Доступная косметика с характером для тех, кто только собирает уход: шесть линеек — шесть цветов и шесть задач, всё дешевле 2 000 ₽. Магазин устроен как любимое приложение — со сторис, тестом и клубом.

Ключевые решения

  1. Сторис-кружочки под шапкой: новинки, советы и акции на весь экран
  2. Цветовая навигация: у каждой линейки свой цвет — в фильтрах, бейджах и карточке
  3. Тест «Какой у тебя тип кожи?» — 7 вопросов и подборка ухода
  4. «Собери набор»: любые 3 средства со скидкой 15 %
  5. SOLORO Club: 300 приветственных баллов и кешбэк 3–7 %
  6. Корзина с прогрессом до подарка и бесплатной доставки
Палитра
  • #FFF9F2
  • #1E1A2B
  • #FF3D7F
  • #FF7A1A
  • #FFD43B
  • #1DBE8E
  • #2E9BF0
  • #9277EE
Шрифты
Unbounded, Onest
Ориентир
По мотивам MIXIT

SOLORO LAB · концепция 03

Северная наука

Собственная концепция

Открыть
Концепция 03 «Северная наука»: первый экран на ПК
Концепция 03 «Северная наука»: первый экран на телефоне

«Северные растения. Лабораторная точность.»

Премиальный уход, в котором строгая рецептура с открытыми процентами встречается с растениями из конкретных регионов России — от Алтая до Кольского полуострова. У каждой формулы свой номер, как в лабораторном журнале.

Ключевые решения

  1. Карта ингредиентов: 9 точек сбора на карте России — регион, сезон, история
  2. Номер формулы N° 01–14 и проценты активов прямо в каталоге
  3. Ритуалы «Северное утро», «Полярная ночь», «Выходной» — целиком в корзину
  4. Лаборатория: этапы разработки и таблица тестов на добровольцах
  5. Консультация косметолога по анкете с фото — ответ за сутки
  6. Подарочный короб и открытка, подписанная от руки
Палитра
  • #F3EEE4
  • #1F3B2C
  • #E0782A
  • #5E7259
  • #9B2D3A
  • #D9CFBD
Шрифты
Cormorant Garamond, Manrope, IBM Plex Mono
Ориентир
Собственная концепция

Обувь и сумки · концепции 04–06

Rio Fiore

Женская обувь и сумки: бренд основан в 2012 году бразильским дизайнером Рафаэллой Ферронато, в России — с 2016-го. Каталог бренда — три способа его продавать: европейский минимализм, солнечный цвет Рио и тихое ателье.

Rio Fiore · концепция 04

Minimal

По мотивам Zara

Открыть
Концепция 04 «Minimal»: первый экран на ПК
Концепция 04 «Minimal»: первый экран на телефоне

«Цвет — только в обуви»

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

Ключевые решения

  1. Словесный знак во всю ширину — при прокрутке сжимается в логотип
  2. Главная-лента полноэкранных кадров с привязкой прокрутки
  3. Плотность сетки: 2, 4 или 6 колонок на ПК, 1 или 2 на телефоне
  4. «Найти свой размер» по длине стопы с поправкой на посадку модели
  5. Четыре касания до корзины: категория, модель, размер, «Добавить»
  6. Полноэкранный поиск и кампания «Осень–Зима 2026»
Палитра
  • #FFFFFF
  • #000000
  • #F4F4F4
  • #6F6F6F
  • #B0001E
Шрифты
Prata, Inter
Ориентир
По мотивам Zara

Rio Fiore · концепция 05

Sol de Rio

По мотивам Zara — в цветах Рио

Открыть
Концепция 05 «Sol de Rio»: первый экран на ПК
Концепция 05 «Sol de Rio»: первый экран на телефоне

«Солнце Рио — круглый год»

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

Ключевые решения

  1. «Районы Рио»: пять капсул — Копакабана, Санта-Тереза, Лапа, Ипанема, Леблон
  2. Лукбук «Образы»: яркая пара с базовым гардеробом, каждая вещь — ссылкой в каталог
  3. Фильтр по цвету: 11 оттенков бренда кружками
  4. История основательницы Рафаэллы Ферронато: 2012 → 2016 → 2026
  5. Карточка товара: честная подсказка о посадке и «С чем носить»
  6. Лента #riofiore: пары «в жизни» со ссылками на товар
Палитра
  • #FFFBF3
  • #1C1A17
  • #FFC629
  • #FF6B57
  • #17A2A0
  • #0A5C63
  • #F4E7D1
Шрифты
Playfair Display (курсив), Commissioner
Ориентир
По мотивам Zara — в цветах Рио

Rio Fiore · концепция 06

Atelier

Собственная концепция

Открыть
Концепция 06 «Atelier»: первый экран на ПК
Концепция 06 «Atelier»: первый экран на телефоне

«Точно по ноге — и надолго»

Тихий премиальный бутик: тёплый крем, эспрессо и коньячная кожа. Сайт продаёт как консультант в ателье — объясняет материал и колодку и с первого экрана снимает главный страх онлайн-покупки обуви: не угадать с размером.

Ключевые решения

  1. Подбор размера по длине стопы с поправкой на колодку модели
  2. Отзывы с оценкой посадки: маломерит, в размер, большемерит
  3. Примерка перед оплатой: до четырёх пар, платите только за подошедшие
  4. «Долями»: четыре платежа видны в карточке, корзине и на оформлении
  5. «Мастерская»: пять материалов и восемь этапов создания пары
  6. Шоурум в Москве с записью на примерку и подарочные сертификаты
Палитра
  • #F5F0E8
  • #2A1E17
  • #94532A
  • #C79A6F
  • #D9CBB6
  • #4E6B4A
Шрифты
Cormorant Garamond, Tenor Sans, Manrope
Ориентир
Собственная концепция

Общее для всех шести

Что внутри каждого магазина

Шесть разных лиц — один полный путь покупателя. Всё работает прямо в браузере: можно найти товар, положить в корзину и оформить заказ.

  1. Каталог с фильтрами

    Категории, фильтры и сортировка; у косметики — подбор по задаче кожи, у обуви — по размеру и цвету.

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

    Фото, описание, состав или материал, выбор объёма или размера и кнопка «В корзину».

  3. Корзина

    Количество, удаление, итог и подсказки до бесплатной доставки или подарка.

  4. Оформление заказа

    Контакты, способ доставки и оплаты, экран «Заказ принят» с номером заказа.

  5. Избранное

    Сердечко на карточке и отдельная страница; список сохраняется между визитами.

  6. Поиск

    Поиск по каталогу из шапки с переходом к результатам.

  7. ПК, планшет, телефон

    Вёрстка под каждый экран: 1440, 768 и 390 px без горизонтальной прокрутки.

  8. Готов к переезду на ЦЕЗИО

    Каталог, тексты и корзина отделены от вёрстки — магазин переезжает на платформу ЦЕЗИО вместе с дизайном.