Проводите мероприятия в сфере digital? Расскажите об этом читателям Афиши на Workspace!
PENA Agency
Разработка интернет-магазина яхт и катеров Nautical World
PENA Agency
#Проектирование сайта#Дизайн сайта#Программирование сайта

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

19 
PENA Agency
PENA Agency Россия, Москва
Поделиться:
Разработка интернет-магазина яхт и катеров Nautical World
Клиент

Nautical World

Сфера

Торговля

Регион

Россия, Москва

Сдано

Апрель 2024

Задача

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

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

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

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

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

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

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

Решение

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

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

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

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

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

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

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

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

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

1Главная страница, направления и яхты

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

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

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

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

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

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

— план палуб

2Маршруты и чартерные яхты

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

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

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

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

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

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

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

3Каталог

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

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

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

Результат

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

— удобный и функциональный каталог яхт

— раздел чартера

— интеграция с сервисом конвертации валют и Битрикс 24

https://nauticalworld.ru/

Стек технологий


Выскажите мнение
Авторизуйтесь, чтобы добавить свой комментарий.
оставить заявку

Хотите заказать похожий проект?

PENA Agency с удовольствием обсудит вашу задачу

Оставить заявку