Перейти к содержанию
Case 09 / Интернет-магазин

FAMES Community

Перевели характер streetwear-комьюнити в интернет-магазин, где коллекция остаётся главным героем, а покупка — простой и естественной.

Главный экран проекта «FAMES Community»
09 / CoverИнтернет-магазин · Ollum Group
Проект
FAMES Community
Формат
Интернет-магазин
Фокус
Коллекция → заказ
Состав
Strategy / UX/UI / Development
01 / Контекст

История проекта

Магазин как цифровое продолжение одежды, музыки и своего круга

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

Мы построили интерфейс вокруг крупной типографики и чистой товарной сетки. Навигация, фильтры и карточки сохраняют журнальный ритм, но не усложняют выбор и оформление заказа.

02 / Задача

Что мешало бизнесу

Совместить характер бренда с понятной покупкой

Типовой магазин сделал бы коллекцию взаимозаменяемой, а чрезмерно экспериментальный интерфейс помешал бы покупке. Нужно было удержать баланс образа и функции.

Кроме каталога сайт должен связывать одежду с событиями и комьюнити, чтобы отношения с брендом не заканчивались на карточке товара.

01

Редакционная иерархия

Сверхкрупные заголовки и свободная композиция задают характер, не ломая навигацию.

02

Товар в центре

Фильтры, карточки и быстрые действия оставляют коллекцию главным содержанием экрана.

03

Связь с комьюнити

Мероприятия, новые дропы и социальные каналы продолжают путь после просмотра товара.

03 / Визуальная система

Интерфейс в деталях

Общая композиция и крупные фрагменты ключевых зон проекта.

Интерфейс проекта «FAMES Community»: Каталог коллекции
01Каталог коллекции
Интерфейс проекта «FAMES Community»: Айдентика и фильтры
02Айдентика и фильтры
Интерфейс проекта «FAMES Community»: Карточки товаров
03Карточки товаров
04 / Процесс

Как пришли к решению

01

Позиционирование

Определили баланс магазина, медиа и пространства сообщества.

02

E-commerce UX

Спроектировали каталог, фильтры, избранное, корзину и оформление заказа.

03

Арт-дирекшн

Перенесли типографический и fashion-язык бренда в цифровую систему.

04

Разработка

Собрали адаптивный магазин с интерактивными товарными сценариями.

05 / Результат

Что изменилось

Состав работ
Стратегия интернет-магазинаUX/UI-дизайнАрт-дирекшнКаталог и оформление заказаFrontend-разработка
  • 01Каталог выглядит как часть идентичности FAMES
  • 02Товарный сценарий остаётся понятным на фоне смелой типографики
  • 03Магазин связывает коллекцию, дропы и сообщество
Есть похожая задача?

Разберём продукт и предложим следующий шаг

Можно прийти без готового ТЗ. Начнём с контекста бизнеса, ограничений и результата, который должен дать проект.

Обсудить проект