Gymnastics Fantastic

Разработка международного eCommerce-проекта
с функционалом ателье
«Танцующие» для нас — как Вселенная.

Однажды встретились, и понеслось: SEO российского магазина danceplus.ru, поддержка сайта, контекстная реклама, стратегия и ведение социальных сетей.

Пришло время разработать международный интернет-магазин и ателье.

Артур Зотов
AZOT
Задача

Старый сайт rg-leotard.com морально устарел, не отвечал требованиям мультирегионального SEO по структуре и ограничениям прошлой CMS. Требовалось показать купальники и предметы художественной гимнастики минималистично, при этом выгодно выделить позиции, а не дизайн сайта. Дизайн магазина-витрины должен оставаться незаметным.

«Танцующие» используют бренд Gymnastics Fantastic для международного продвижения. Айдентика отсутствовала, поэтому приходилось импровизировать.
Мы сразу понимали, что будем придерживаться минимализма.


Главная страница

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

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

Детали

Каталог сайта собрали в эффектное меню-бутерброд, которое в свёрнутом виде не захватывает полезное пространство на странице.
Когда мы запускали сайт, в каталоге действовала постоянная акция на товары от 100 долларов.

Об этом призвана была напоминать маленькая синяя бирка справа на каждой странице.
Принципиально было отстраниться от частных ателье, где нет стандартов качества и отлаженных процессов. Для этого мы сняли видео с производства и добавили отдельную кнопку «Узнать больше о качестве».
Компания работает с доставкой по всему миру, поэтому для сайта разработаны переведённые региональные версии.

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

Разработка прототипов

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

Техническая документация

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

Визуализация

Внешний вид главной страницы прошел длинный путь от яркого флэт-дизайна до финального имиджевого минимализма.

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

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

Внутренние страницы

Для внутренних страниц создана компактная версия шапки

Каталог

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

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

Раздел товаров

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

В сетку каталога равномерно встраиваются информационные промофактоиды.


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

Карточка

Карточка поддерживает общий минимализм дизайна.

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

Блог

 «Танцующие» более 10 лет помогают спортсменам и танцорам побеждать красиво. Крупной компании мирового значения никак не обойтись без блога с новостями и актуальной информацией.
Вынесли в отдельный блок.

Индивидуальный пошив

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

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

Страница о компании

Чтобы познакомить клиента с компанией, мы оформили большую и подробную историю

Мобильные макеты

С телефона сайтом пользоваться так же удобно, как и с компьютера. Интерфейс мобильной версии создан простым, эргономичным и не ограничивает функционал.
Технологии
Интернет-магазин имеет функции ателье и свою логику личного кабинета. Чтобы не внедрять «костыли» в коробочную CMS, мы решили вести разработку на фреймворке Symfony с подключением стандартной административной панели.

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


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


Спасибо Александру Орешкову и Екатерине Киршиной за доверие
и помощь в реализации проекта.