Задача
FAM торгует головными уборами и называет себя не магазином, а клубом: «FAM — это семья, объединённая любовью к бейсболкам», CAP LOVERS CLUB. В каталоге — New Era, Kangol, «47», Goorin Brothers, American Needle, Carhartt WIP и собственная линейка FAM.CAP.
Старый сайт не справлялся с тремя вещами одновременно. Он не масштабировался под растущий каталог, у него не было основы под поиск, и он не отражал айдентику бренда — уличную, шрифтовую, с граффити, лентами и красным акцентом.
Условие клиента задавало рамку всей работы: базу товаров и общую структуру каталога нужно сохранить. Редизайн предстояло уложить в данные, которые уже есть.
Решение
Мы разобрали материалы бренда и его гайдлайны и собрали веб-концепцию не в новом стиле, а в том, который у FAM уже был, — просто он до сайта не доходил. Шрифтовая пара Bebas Neue Cyrillic и JetBrains Mono, граффити-начертание Sprite Graffiti для акцентов, красный F9423A на чёрном, промо-ленты с повторяющимся логотипом поперёк экрана.
Каталог переструктурировали, оставив данные на месте, и развели навигацию на две оси. Первая — по типу кепки: snapback, fitted, adjustable, trucker. Вторая — по модельным линейкам брендов: 59Fifty, 9Fifty, 39Thirty и 9Forty у New Era, 504 и 507 у Kangol, Branson и Clean Up у «47». Так этот товар и ищут — одни приходят за формой козырька, другие сразу за конкретной моделью. У каждой группы появился собственный адрес, который может ранжироваться в поиске.
Что сделали
Структура каталога. Две оси навигации — по типу и по бренду с модельными линейками. Рядом с головными уборами — одежда и аксессуары: футболки, толстовки и худи, штаны, носки. Отдельными разделами коллекционные экшен-фигурки, средства для чистки и подарочные сертификаты. База товаров и её структура сохранены, миграции карточек не потребовалось.
Витрина и карточка товара. Крупная фотография на модели, выбор размера с таблицей, понятная цена. Карточка работает как страница вещи, а не как строка прайса.
Личный кабинет. История заказов со статусами, избранное, личные данные, адреса доставки — без лишних шагов.
Блог и гиды. Материалы, за которыми приходят до покупки: полный гид по видам бейсболок, разбор моделей для фаната клуба, история логотипа NY. Это и есть заявленное на витрине «больше, чем магазин, твой гид в мире головных уборов».
Мобильная версия. Меню категорий, фильтры, карточка товара и личный кабинет — с тем же набором действий, что на десктопе.
Редактирование без разработчиков. Подключили инструменты, которыми команда клиента сама ведёт контент.
Результаты
Магазин получил витрину в характере бренда и каталог, выдерживающий рост ассортимента: новые модели и коллекции добавляются в существующую структуру, а не пристраиваются сбоку. База товаров при этом не пострадала — переезд прошёл на старых данных.
Второй результат — основа под поиск, которой раньше не было. У каждой товарной группы появился свой адрес и своя страница, и магазин стал доступен людям, которые ищут не бренд FAM, а конкретную модель кепки.
Разбор проекта опубликован на Behance и Dprofile — на Dprofile он отмечен знаком «Рекомендуем». Ссылки внизу.
