Разработка интернет-магазина яхт и катеров Nautical World

1. Вводная задача от заказчика, проблематика, цели

Nautical World обратились к нам с запросом на создание стильного и удобного для пользователей интернет-магазина яхт и катеров с обширным функционалом каталога.

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

Помимо разработки современного и запоминающегося дизайна, нам предстояло:

— интегрировать проект с Битрикс 24;

— реализовать конвертер валют в каталоге;

— перенести часть позиций для наполнения каталога с другого ресурса клиента;

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

2. Описание реализации кейса и творческого пути по поиску оптимального решения

Чтобы все страницы сайта корректно отображались на разных устройствах, мы использовали адаптивную и кроссбраузерную верстку. А также:

— провели веб-анализ конкурентной среды и на основе полученных данных сделали новый продукт информативным и удобным

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

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

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

— интегрировали все формы в проекте с Битрикс 24

— добавили в каталог сервис конвертации валют

— провели базовую SEO-оптимизацию сайта

— перенесли на сайт 200 единиц номенклатуры с другого ресурса заказчика

3. Результаты сотрудничества

Дизайн-концепция сайта обусловлена его “водной” тематикой и спецификой бизнеса клиента. В дизайне используются плавные линии, во многих элементах угадывается форма иллюминаторов яхт, кроме того, на сайт добавлен интерактив.

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

А контент страницы Яхты разделен на 4 вкладки:

— общее описание яхты и презентационные материалы

— особенности и обзор модели

— спецификации

— план палуб

Ключевой элемент страницы маршрута – карта с двумя состояниями. Первое позволяет пользователю кратко ознакомиться с обязательными и опциональными точками маршрута которые можно добавить в маршрут. Во втором пользователь может самостоятельно добавить в маршрут опциональные точки и отправить их менеджеру через форму обратной связи

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

На странице чартерной яхты также реализована структура с разбивкой на вкладки:

— тарифы яхты и информация о том, в какое время по каким направлениям она может курсировать

— перечень опций, которыми можно воспользоваться на яхте в ходе плавания

— общая описательная часть с презентационными материалами

— список других яхт, курсирующих по тем же направлениям

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

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

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