Редизайн
корпоративного сайта
судостроительной
компании

1Задача

Заказчик: Нидерландская судостроительная компания Jongert - одна из крупнейших в мире, специализирующаяся на производстве моторных и парусных яхт премиум класса.

Задача: Сделать полный редизайн сайта с переносом контента. Сложность заключалась в очень сжатых сроках - всего 20 рабочих дней - до начала крупнейшей европейской яхтенной выставки в Дюссельдорфе. При этом необходимо было изменить не только визуальную часть, но и структуру с логикой навигации, а также перенести сайт на новую cms систему с удобной организацией управления сайтом.

2Методология разработки

Поскольку главной целью было успеть к выставке и требования были четко определены заранее, мы выбрали методологию «waterfall» для поэтапного согласования работ и быстрой сдачи проекта.

Вадим

Руководитель отдела продаж и менеджер проекта

1.
Проектирование
2.
Дизайн
3.
Верстка и програмирование
4.
Наполнение и тестирование
5.
Поддержка

3Проектирование

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

Дарья

Ux/Ui специалист

4Дизайн

Дизайнер подключился уже на этапе проектирования, чтобы заложить идею дизайн-концепции и будущей стилистики сайта.

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

Катерина

Web-дизайнер

ИсходникКоллаж

Заказчику было предложено 3 варианта дизайн-концепции, в которых отразили статусность компании и направленность на премиум сегмент, но при этом сохранили лаконичность и простоту.

В итоге выбрали вариант с использованием золотого и синего цветов в сочетании с качественными фотографиями яхт.

Типографика и цвета

Палитра

Акценты

Шрифт

5Главная страница

Главная страница является сегментирующей.

На ней расположены ссылки для быстрой навигации по основным моделям яхт двух направлений: парусные и моторные.

Цифры о компании впечатляют!

За 65 лет работы было сделано более 325 яхт на территории завода в 44 000 м.кв! На это стоило обратить внимание пользователя.

Систематизировали контент

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

Нами была выбрана cms система - modx. Я реализовал в ней необходимый функционал для быстрого и удобного наполнения и редактирования, что позволило в короткие сроки перенести большой объем контента со старого сайта.

Антон

Ведущий программист

6Карточка товара

Гибкое управление контентом на индивидуальной странице яхты.

Иконки-ссылки на видео и 3d тур

Появляются в интерфейсе только при загрузке контента на сервер.

Текстовый блок описания

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

Характеристики яхт

Чтобы не перегружать страницу мы решили вывести только основные характеристики яхты, а просмотр полных спецификаций остался доступен по клику на ссылку.

Реализован функционал “поделиться” и форма заявки для уточнения информации.

Реализован функционал “подписаться на новости”.

7Детали

Таймлайн истории компании

История компании на старом сайте была представлена в виде сухого теста. Мы предложили реализацию таймлайна с фото, который более удобен и интересен для восприятия пользователем.

Блок рекомендаций

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

И много других страниц

8Адаптив

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

Extra small devices Phones

< 768 px

Small devices Tablets

≥ 768 px

Medium devices Desktops

≥ 992 px

Large devices Desktops

≥ 1200 px

9Отзыв заказчика

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

Борис

Генеральный директор

Дата выпуска:20.01.17Потрачено часов команды:360

Спасибо
за просмотр!

Хотите такой же сайт?

Заполните короткую форму и наш специалист свяжется с Вами.

Ваше имя

Ваше телефон