Перейти к содержимому
Кейс

Каталог на 79 моделей с видеообзорами и заказом без регистрации

Клиент
NEED & LYK — женская одежда российского производства
Направления
E-commerce, Редизайн

Вводная

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

Задача клиента

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

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

Что мы выяснили до начала работы

01

Разбор ассортимента: 79 моделей делятся на четыре понятные группы гардероба

02

В карточках уже был указан состав ткани — по нему и выбирают, его вынесли на витрину

03

У 35 моделей снято видео: оно отвечает на главный вопрос «как это сидит»

04

Названия моделей длинные и похожие — значит, узнавать товар нужно по фото, а не по строке

Решение

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

UX-подход

  • Размер выбирается в плитке каталога — не нужно заходить в карточку, чтобы понять наличие
  • Состав ткани показан прямо под названием: он важнее описания и маркетинговых слов
  • Видеообзоры собраны в отдельный блок и помечены значком в каталоге
  • Заказ в три шага: размер, корзина, заявка — без регистрации и личного кабинета

Карта сайта

  • Главная

    • Новинки
    • О бренде
    • Категории
    • Видеообзоры
    • Как купить
  • Каталог

    • Фильтр по категориям
    • Сортировка
    • Выбор размера в плитке
  • Карточка товара

    • Фото
    • Видеообзор
    • Состав ткани
    • Размеры
    • В корзину
  • Информация

    • О бренде
    • Доставка
    • Контакты
    • Политика конфиденциальности
Визуальная концепция

Как это выглядит

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

needlyk.shop
Первый экран — сайт «Интернет-магазин одежды NEED & LYK»
01 / 04

Первый экран

Три кадра съёмки во всю ширину и одно действие — перейти в каталог.

needlyk.shop
Каталог на 79 позиций — сайт «Интернет-магазин одежды NEED & LYK»
02 / 04

Каталог на 79 позиций

Фильтры, сортировка и выбор размера прямо в плитке; видео помечено значком.

needlyk.shop
Карточка товара — сайт «Интернет-магазин одежды NEED & LYK»
03 / 04

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

Фото и видео модели, состав ткани, размеры и добавление в корзину.

Мобильная версия — сайт «Интернет-магазин одежды NEED & LYK»
04 / 04

Мобильная версия

Основной трафик магазина одежды: крупные фото, размер и корзина в один палец.

Архитектура

Как это устроено внутри

Next.js с предрендером страниц

Каталог и карточки отдаются готовым HTML: товар открывается быстро и полностью виден поисковику.

Фото и видео с внешнего хранилища

Медиа подтягиваются с CDN, где уже лежит контент бренда, — сайт не хранит дубли и не требует ручной загрузки.

Микроразметка товаров

Каждая карточка размечена как Product с ценой и брендом — в поиске видно цену и наличие.

Карта сайта с товарами

Все 79 карточек и категории попадают в sitemap.xml автоматически при добавлении модели.

Технологии проекта

  • Next.js
  • React
  • TypeScript
  • CDN
  • SEO-инструменты
В цифрах

Объём работы

Ключевые параметры проекта — то, что вошло в работу и что видно в интерфейсе.

79

товаров в каталоге

35

моделей с видеообзором

4

категории гардероба

3 шага

от размера до заявки

Ещё кейсы

Смотрите также

Расскажите о задаче — покажем, как решали её в этом кейсе и что можно сделать быстрее в вашем случае.

Заполнить бриф
+7 960 145 70 61site@rikler.ruПн–Пт, 10:00–19:00 (МСК)