Флейзин и Джел — популярные блогеры с собственной аудиторией, для которой был запущен официальный брендированный мерч. Задача проекта заключалась не просто в создании сайта с товарами, а в запуске полноценного интернет-магазина, через который поклонники смогут покупать одежду и аксессуары с доставкой по России и странам СНГ. Сегодня магазин работает с доставкой по России, Беларуси, Казахстану, Армении, Киргизии, Таджикистану и Узбекистану.
Сайт должен был сохранить узнаваемый характер авторов и при этом решить все стандартные задачи e-commerce: представить коллекции, помочь выбрать товар, размер и цвет, сохранить понравившиеся позиции, собрать корзину и провести пользователя через оформление до онлайн-оплаты. На главной сразу сформулировано позиционирование проекта — «Официальный мерч Флейзина и Джела» — и дан прямой переход к коллекции.
Отдельной задачей стала разработка инфраструктуры вокруг повторных покупок и работы с заказами.
В основе проекта построили классический e-commerce-сценарий, но адаптировали его под молодую аудиторию и визуальную айдентику Флейзина и Джела. Пользователь сразу попадает в брендированную среду, видит коллекцию и категории товаров, а затем последовательно движется по короткому сценарию: главная → каталог → карточка товара → корзина → доставка → оплата. Эта последовательность отдельно визуализирована в интерфейсе оформления заказа.
Структуру проектировали вокруг товара, а не информационных разделов. На первом уровне пользователь выбирает категорию, затем конкретную модель, цвет и размер. В карточке собрали фотографии, характеристики, размерную сетку, описание, отзывы, добавление в корзину и избранное — все основные действия находятся внутри одного сценария и не требуют перехода между несколькими страницами.
Параллельно продумали сервисный слой магазина: регистрацию, авторизацию, избранное, личный кабинет, сохраненные адреса, заказы, правила возврата, отслеживание и онлайн-оплату. Благодаря этому пользовательский путь не заканчивается после нажатия «Купить», а охватывает весь цикл взаимодействия с магазином — от первого просмотра коллекции до получения заказа.
Дизайн построили вокруг яркого и эмоционального характера бренда. Белая база дает интерфейсу воздух и не конкурирует с фотографиями мерча, а насыщенный фиолетовый и оранжевый работают как основные брендовые акценты: выделяют CTA, цены, активные состояния, категории и элементы навигации. В интерфейсе много крупных скруглений, простых иконок, больших кнопок и выразительной типографики — визуальный язык получился дружелюбным, динамичным и хорошо адаптированным под молодую аудиторию. Это особенно заметно в мобильном макете главной: фирменная графика объединена с крупным оффером, категориями и карточками товаров в единую визуальную систему.
Ключевыми для проекта стали именно e-commerce-страницы. Главная знакомит с брендом и сразу ведет в коллекцию; каталог делит ассортимент по категориям и сокращает поиск нужного товара. Карточка товара концентрирует решение о покупке: изображения, цена, размер, цвет, размерная таблица, описание, отзывы, корзина и избранное. Корзина и checkout сделаны пошаговыми: пользователь видит состав заказа, количество, промокод, стоимость и последовательно переходит к доставке и оплате. На финальном шаге еще раз показываются товар, размер, доставка и итоговая сумма, что снижает вероятность ошибки перед оплатой. Личный кабинет объединяет профиль, избранное, заказы и адреса, а сервисные страницы объясняют условия доставки, возврата и помогают отследить заказ.
Дизайн получился ярким, динамичным и узнаваемым, передающим характер Флейзина и Джела, эстетику молодежного мерча и эмоциональную связь бренда с аудиторией.
Frontend интернет-магазина разработали на Next.js, а административную часть построили на WordPress. Такая архитектура позволила разделить клиентский интерфейс и управление контентом: покупатель получает современный быстрый frontend, а команда проекта может через привычную админ-панель работать с ассортиментом и контентом без участия разработчика. Компонентный подход использовали для каталога, карточек товаров, элементов корзины, форм и других повторяющихся элементов интерфейса.
Отдельно реализовали полноценную e-commerce-логику: регистрацию и авторизацию, личный кабинет, избранное, корзину, оформление заказа и интеграцию с ЮKassa. Платежный сценарий встроен непосредственно в checkout, а после формирования заказа пользователь переходит к онлайн-оплате; на сайте также предусмотрены электронные чеки после успешного платежа. Интерфейс адаптировали под мобильные устройства — это особенно важно для проекта с аудиторией блогеров, где значительная часть переходов потенциально происходит из социальных платформ.
На этапе исследования определили основные пользовательские сценарии интернет-магазина и требования к структуре каталога. Затем перешли к прототипированию: спроектировали путь от главной до покупки, структуру карточки товара, корзину, трехэтапный checkout, авторизацию и логику личного кабинета.
На этапе дизайна сформировали яркую визуальную систему вокруг существующей айдентики Флейзина и Джела. Параллельно проработали состояния каталога, выбор размера и цвета, избранное, формы, карточки заказа и мобильные интерфейсы. После утверждения макетов дизайн перевели в компонентную архитектуру Next.js, подключили WordPress и реализовали пользовательскую часть магазина.
Финальный этап включал тестирование полного покупательского сценария: каталог, карточка товара, избранное, корзина, оформление, авторизация, личный кабинет и оплата. Отдельно проверили адаптивные состояния и работу интерфейса на мобильных устройствах, после чего проект был подготовлен к запуску и продажам.
В результате Флейзин и Джел получили не просто сайт с мерчем, а полноценную собственную e-commerce-платформу. Покупатель может выбрать товар и его параметры, сохранить понравившиеся позиции, сформировать корзину, указать доставку, оплатить заказ и далее работать с ним через личный кабинет. Магазин поддерживает полноценный цикл продажи без необходимости переводить пользователя на сторонние площадки.
Яркая визуальная система сохраняет характер бренда и делает магазин узнаваемым, а простая структура не перегружает пользователя функциональностью. Каталог, карточки товаров и checkout построены вокруг одного главного действия — максимально быстро провести человека от интереса к конкретному товару до покупки.
Проект заложил техническую основу для дальнейшего масштабирования официального мерча: ассортимент можно расширять новыми категориями и товарами, а магазин уже содержит ключевую инфраструктуру для повторных покупок, работы с заказами и продаж по России и СНГ.
Да, работа с нами строится следующим образом: мы подписываем с Вами договор и приложения, которые к нему прилагаются. В приложениях указывается весь фронт предстоящих работ. Далее мы выставляем счет и ожидаем оплату, по завершении проекта подписываем акты о выполненных работах и отправляем его Вам
Работа над проектом длится по-разному, так как на это влияет множество факторов: скорость обратной связи заказчика, объем работ, тип услуги и т.д., поэтому ускорить процесс работы можно только совместными усилиями
Это не имеет значения. Агентства интернет-маркетинга работают по всей стране с любыми регионами. При необходимости, мы можем прилететь в Ваш город и обсудить условия проекта
Конечно! Мы подбираем индивидуальные условия под каждого нашего клиента
Из обязательных затрат будут: оплата домена, сервера, технического обслуживания сайта. Если потребуется продвижение, то затраты на: SEO-продвижение, контекстную рекламу. Все дополнительные вопросы можете уточнить у нашего менеджера по телефону