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

Клиент и задача

Скопировано

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

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

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

Концепция

Скопировано

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

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

Шрифт

Скопировано

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

Фильтрация

Скопировано

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

Дизайн

Скопировано

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

CTA

Скопировано

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

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

Контент

Скопировано

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

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

Подход

Скопировано

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

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

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

DevOps

Скопировано

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

Над проектом работали

Арт-директор
Дарья Ломова
Веб-дизайнеры
Денис Сычев
Алена Ильина
Фронтенд-разработчики
Влад Васильев
Ольга Трегубова
Дмитрий Румянцев
Бэкенд-разработчик
Игорь Сероухов
Технический директор
Игорь Вересов
SEO-аналитик
Дмитрий Ковтун
Аналитик
Дарья Утина
Тестировщик
Алена Потегова
Аккаунт
Дарья Тарасова
Продюсер
Платон Культин
Алёна Титова
Оставьте заявку,
чтобы обсудить проект
Ваши контакты
О проекте
  1. Из какой вы компании, чем она занимается?
  2. С чем мы можем помочь? Как представляете результат?
  3. На какой срок работы и бюджет рассчитываете?
  4. Напишите, если удобнее общаться в мессенджере.
Нажав на кнопку, соглашаюсь на обработку персональных данных
Загрузка