Дизайн и разработка сайта компании Arcon Yachts

Технологический стек

Laravel

Laravel Nova

React

Компания Arcon Yachts продает, сдает в аренду и строит яхты, а также занимается документальным сопровождением этих процессов для яхтсменов.

Наша задача — запустить новый сайт компании. Обновить дизайн, продумать UX, и переосмыслить UI, создать дизайн-систему, которая позволит с минимальными затратами проводить тестирование гипотез по работе с клиентами.

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

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

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

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

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

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

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

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

Перенесли контент с помощью миграции данных из базы текущего сайта в новую с учетом измененной структуры и новых полей. В качестве административной панели подключили Laravel Nova. После кастомизации и настройки управления блоками в Nova получилась гибкая и удобная система управления контентом.

Яхта может иметь одну из трёх (либо несколько) ключевых характеристик и отображаться в соответствии с этим параметром в разных разделах с разным наполнением страницы. Но управлять этим контентом можно из одной карточки в административной панели.

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

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

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

Мы предложили клиенту решения по серверу и хостингу: собрали все требования, рекомендовали разместить сайт на Digital Ocean и настроили конфигурацию. На основе требований клиента и анализа трафика на предыдущем сайте, мы создали горизонтально-масштабируемую серверную архитектуру, которая состоит из 3 виртуальных машин: баз данных, back-end, front-end. Также настроили CI | CD с помощью GitLab, это помогает нам автоматизировать доставку и развёртывание ПО на разные среды исходя из ветвления в GitLab.