Дизайн и разработка сайта компании Arcon Yachts от Nimax
Задача
Arcon Yachts специализируется на продаже, аренде и строительстве яхт, а также предоставляет полный спектр услуг по оформлению необходимой документации для яхтсменов.
Перед нами стоит цель – разработать новый веб-сайт для компании. Необходимо обновить визуальное оформление, улучшить пользовательский опыт (UX) и переработать интерфейс (UI), а также создать дизайн-систему, которая позволит эффективно тестировать различные подходы к взаимодействию с клиентами, минимизируя затраты.
Кроме того, требуется разработать удобную административную панель, позволяющую легко наполнять страницы контентом на двух языках, а также управлять SEO-оптимизацией и мета-описаниями.
Решение
Концептуальное решение
Сервис: UX/UI-проектирование
Вдохновение черпали в элегантности яхт и морской стихии. Обтекаемые формы и динамика яхт нашли отражение в визуальном оформлении сайта. Ключевые принципы – элегантность, движение и быстрота.
Морской воздух – это всегда свежесть. Новый сайт дарит ощущение легкости. Страницы стали более воздушными, а навигация по информации о яхтах – интуитивно понятной.
Типографика
Для проекта был выбран изысканный и солидный шрифт, без излишнего консерватизма. Особое внимание уделили кириллице, учитывая, что значительная часть посетителей говорит на русском языке.
Система фильтрации
Тщательно разработанная система фильтров в каталоге яхт позволяет оперативно находить интересующие предложения. Динамические подборки и полезные подсказки помогают пользователям сделать осознанный выбор.
Дизайн интерфейса
С целью упрощения взаимодействия с сайтом, мы минимизировали количество вкладок, предоставив основной контент в открытом доступе.
Призыв к действию (CTA)
Деликатные формы обратной связи оказывают помощь пользователю в выборе, не отвлекая от основной цели. Для каждой формы настроен индивидуальный трекинг по различным параметрам, что позволяет анализировать поведение пользователей и тестировать гипотезы на конкретных страницах.
Некоторые формы можно кастомизировать в панели администратора: изменять текст, добавлять изображения и привязывать к определенным яхтам.
Контент и веб-разработка
Контент был перенесен из старой базы данных в новую с учетом обновленной структуры и полей. В качестве административной панели была интегрирована Laravel Nova. Благодаря кастомизации и настройке управления блоками, была создана гибкая и удобная система управления контентом.
Яхта может обладать несколькими ключевыми характеристиками, что позволяет отображать ее в различных разделах сайта с соответствующим контентом. Управление всем контентом осуществляется из единой карточки в административной панели.
Подход к работе
В приоритете – партнерство. Мы сочетаем наш опыт в разработке с экспертными знаниями клиента в его области. Мы тесно сотрудничаем с заказчиком, обсуждая не только дизайн, но и технические аспекты проекта.
На начальном этапе мы совместно с клиентом разработали спецификацию по управлению данными на бэкенде и в административной панели. В процессе обсуждения контента было принято решение о переработке страницы услуг и выделении ключевых предложений Arcon Yachts. В результате были созданы лаконичные карточки с подробными страницами. Также была разработана удобная мобильная версия сайта.
DevOps-сопровождение
Мы предложили решения по серверу и хостингу, учитывая все требования и рекомендуя Digital Ocean. На основе анализа трафика предыдущего сайта была создана горизонтально-масштабируемая серверная архитектура, состоящая из трех виртуальных машин: для баз данных, бэкенда и фронтенда. Настройка CI/CD с использованием GitLab автоматизирует процесс доставки и развертывания ПО на различные среды на основе ветвления в GitLab.
