Эстетика дорогой рыбалки. Новый еком для легендарного бренда Gold Sazan

Gold Sazan Fishing Gear — новый бренд рыболовных снастей и экипировки.

Бренд создан компанией «Золотой Сазан», которая управляет известными загородными рыболовными клубами с 30-летней историей. Продукция бренда объединяет многолетний опыт инструкторов клуба и высокотехнологичную разработку.

Команда бренда пришла с идеей запустить новый e-commerce для своих продуктов. Основные задачи на старте:

1. Продумать пользовательские сценарии с учётом специфики аудитории — тех, кто влюблен в рыбалку и аутдор-отдых.

2. Спроектировать логичную архитектуру сайта, построенную вокруг выбора снаряжения под задачи.

3. Продумать и реализовать интуитивный и удобный процесс заказа, покупки и оформления доставки.

4. Разработать современный адаптивный дизайн, который подчеркнёт технологичность продуктов и премиальную направленность бренда.

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

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

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

— Добавили блог с экспертными материалами для органического трафика, помощи аудитории с выбором товара и увеличения покупательской активности.

— Создали UX-тексты: описали сценарии использования товаров и сделали контент понятным даже для тех, кто впервые знакомиться с брендом.

— Разработали карточку товара с учётом особенностей ассортимента. От способа выбора модификаций до апсейл блоков.

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

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

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

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

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

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

Параллельно провели бенчмаркинг: изучили сайты Shimano, Max Fishing и других крупных игроков на международном рынке. 

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

Разобрали пользовательский маршрут шаг за шагом: от захода на сайт до покупки. Смотрели и анализировали ритейлеров в рыбалке, премиум-экипировке и смежных нишах.

— Разбирались, как устроена главная страница: что показывают новым пользователям, как помогают в навигации постоянным.

— Сколько шагов проходит пользователь от выбора товара до финального оформления заказа.

— Как выстраивают подачу, чтобы чтобы пользователь сразу понял, что перед ним, зачем это нужно и в каких условиях сработает.

— Насколько гибко реализованы фильтры: по видам рыбалки или рыбам, сезонности, материалам, габаритам и другим спецификам.

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

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

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

По итогам аналитики, интервью с заказчиком и оценки товарной стратегии — сформировали структуру главной страницы. 

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

Вынесли на передний план ключевые категории, продукты для которых у компании появятся в первую очередь. Добавили блок с рекомендованными товарами, сегментацию ассортимента по полу, тематические коллекции, подарочные комплекты и дайджест актуальных новостей.

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

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

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

Финальные версии прототипов согласовали с командой бренда, чтобы они максимально отвечали их бизнес-задачам. Детальная проработка прототипов помогла оптимизировать время на этапах дизайна и разработки. 

После утверждения прототипов, разработчики начать заранее готовить интеграции с системами оплаты и доставки заказов — ещё до завершения работы над макетами.

Дизайн-концепция сайта основана на брендбуке компании и ключевой задаче — создать уверенный, сдержанный визуальный стиль с акцентом на премиальность и внимание к деталям. 

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

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

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

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

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

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

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

В результате карточка работает как очень удобный инструмент:  помогает понять продукт, ускоряет решение о покупке и создаёт удобный пользовательский опыт.

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

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

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

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

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

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

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

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

Продуманный Личный кабинет превращается для бизнеса в увеличение количества лояльных клиентов, рост повторных покупок и повышение эффективности работы сервиса. Теперь пользователи находят всё самостоятельно, не перегружая своими запросами поддержку.

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

Подарочные сертификаты имеют высокую ценность для людей, увлечённых рыбалкой, и позволяют делать полезные и статусные подарки.

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

— Пользователь указывает получателя, дату и время отправки, контактные данные и решает, отправить сертификат в подарок или себе.

— После отправки сертификат автоматически появляется в личном кабинете и зачисляется на баланс пользователя, что делает управление подарками и собственными средствами быстрым и удобным.

Чтобы магазин становился не просто торговой площадкой, а источником полезной информации, мы предложили заказчикам использовать опыт экспертов. В блоге публикуются экспертные статьи от инструкторов рыболовных клубов, которые тестируют продукты бренда Fishing Gear и делятся опытом их использования.

Статьи дополняются фотографиями и видео. Пользователь может попасть в статью через карточку товара или зайти в блог напрямую, прочитать обзор и сразу перейти к покупке товара. 

Такой подход повышает доверие к новым продуктам, делает контент полезным и интересным, а также улучшает поведенческие факторы и органическое продвижение сайта.

— Корзина и ключевая информация о заказе всегда на виду. В десктоп версии правая колонка с суммой, применёнными скидками и стоимостью доставки закреплена при прокрутке страницы.

— Если добавленного в корзину товара вдруг нет в наличии, система автоматически предлагает пользователю похожие товары из этой категории. Это помогает не терять интерес к покупке и мотивирует выбрать альтернативу, увеличивая шанс совершить заказ.

— Добавили возможность перемещать товар из корзины в избранное. Если покупка откладывается, товар не теряется и пользователь может вернуться к нему в любое время.

— В корзину добавлены переключатели для оплаты подарочной картой или бонусами. Если пользователь авторизован, он сразу видит доступный баланс подарочных карт и количество бонусов, которые может использовать.

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

— В корзине пользователь видит, сколько осталось до суммы бесплатной доставки. Это стимулирует докупить товары и увеличивает средний чек.

— На этапе оформления заказа пользователь выбирает, оплачивает ли он как физическое или юридическое лицо.

— Убрано большое количество полей: теперь достаточно указать только контактные данные и номер телефона.

— После выбора города доставки, пользователь сразу видит доступные способы доставки, а система автоматически показывает стоимость каждого варианта для его конкретного заказа

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

При создании интернет-магазина мы проработали и нарисовали более 500 адаптивных макетов. В работу включены ключевые страницы, второстепенные страницы, информационные разделы, служебные страницы и все модальные окна. Мы детально продумали и разработали каждый элемент интерфейса, чтобы будущие пользователи могли легко ориентироваться. Удобно на любом устройстве — от ноутбука и планшета до смартфона с любым разрешением экрана.

Такой подход позволил заранее снизить количество правок на стадии разработки и обеспечить максимально удобный и последовательный пользовательский опыт.

Разработкой и внедрением проекта занималась команда заказчика. Чтобы процесс шел максимально гладко и они смогли уложиться в сроки, мы создали детальный UI-кит, где собрали все необходимые элементы интерфейса. 

Кнопки, поля ввода и их состояния, типографику, карточки товаров и все нюансы, которые необходимы для качественной разработки

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

Мы создавали интернет-магазин Gold Sazan Fishing Gear  с фокусом на будущих требовательных пользователей и бизнес-задачи нового бренда. 

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

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

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

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

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