Nordmarine
Редизайн и изменение CMS сайта лидера российского яхтенного рынка с крупнейшей дилерской сетью в стране
Редизайн и изменение CMS сайта лидера российского яхтенного рынка с крупнейшей дилерской сетью в стране
Компания Nordmarine была основана в 2000 году, и сегодня это — один из лидеров российского яхтенного рынка c самой крупной дилерской сетью в стране. Компания занимается продажей моторных яхт и катеров премиум-класса и является официальным дистрибьютором британских яхт Princess, французских яхт Beneteau и финских катеров XO Boats.
Покупка моторной яхты и её эксплуатация требует решения целого комплекса административных, юридических и технических задач. Компания Nordmarine делает все, чтобы каждый этап владения яхтой — от регистрации, таможенной очистки и транспортировки, вплоть до её реализации на вторичном рынке был комфортным и удобным для клиента.
Ключевая цель проекта — редизайн сайта с адаптацией визуального стиля под новые бизнес-цели.
В процессе разработки проектной документации было принято решение перенести сайт с WordPress на Bitrix. Данное решение сделало процесс разработки существенно проще и безопаснее, а дальнейшее администрирование — удобнее для клиента.
В первую очередь команда INPRO.digital предложила разработать визуальную проектную документацию для проекта, чтобы сделать процесс коммуникации с клиентом более комфортным. Визуализированное ТЗ позволило упростить процесс согласований и минимизировать риски недопониманий по ходу проекта.
Основываясь на проектной документации, мы предложили, в первую очередь, разрабатывать новый сайт на основе CMS Bitrix. Говоря об основной цели проекта — редизайне сайта, арт-директор INPRO, Семён Бондаренко, принял решение сделать акцент на пожеланиях и бизнес-целях клиента. Благодаря этому, получилось учесть все пожелания представителей компании Nordmarine.
Наша задача заключалась в переработке, переосмыслении и обновлении дизайна в соответствии с текущими требованиями рынка. После обсуждения с клиентом было принято решение сделать акцент на UX/UI аспектах и на общей стилистике сайта. Нам было важно сохранить эндемичность в новом дизайне, то есть преобразовать внешний вид сайта, не потеряв фирменные цвета и элементы.
Вектор работ мы смогли сформировать на основе проектной документации и интервью нашего бизнес-аналитика с клиентом. Ключевая проблема старой версии дизайна заключалась в том, что типографика, usability и картинки не соответствовали современным стандартам и статусу компании.
Изображения высокого качества, которые передают эмоции от использования услуг компании
Оттенки фирменных цветов, которые визуально показывают высокий статус компании и дороговизну
Интерактивные элементы сайта для увеличения уровня вовлечения пользователей на сайте
Ключевое преимущество подхода команды INPRO.digital в том, что мы разрабатывали ресурс исходя из бизнес-задач клиента, а не из наших пожеланий и видения. Такая коммуникация подразумевает большое количество правок и изменений.
В процессе столь тесного взаимодействия мы совместно пришли к определённым уникальным решениям для данного рынка. Одно из них — калькулятор лизинга яхты. Само по себе решение не является новым для рынка, но мы реализовали его в общем фирменном стиле и в удобном для пользователя интерфейсе, что позволяет говорить о его уникальности для данного сегмента.
Для меня и моего отдела проект Nordmarine стал своего рода вызовом. Клиенту было важно, чтобы новый дизайн был закончен прямо к началу сезона, а учитывая весь объём работ, который нам предстояло выполнить, задача становилась непростой.
Говоря про сам новый дизайн, нужно отметить тот момент, что задача стояла перед нами нетривиальная. Если переработка страниц под UX/UI-нормы понятная задача, то редизайн под суть бренда вызывал здоровый профессиональный интерес. Для того, чтобы достигнуть цели, я был в постоянном контакте с клиентом. Мы обсуждали макеты чуть ли не каждый день. Итогом стало более
Наиболее высоким приоритетом для данного проекта стала необходимость уложиться в сроки и поддерживать постоянную коммуникацию с клиентом. Для этого мы использовали методику kanban – мы разделили задачи по приоритетности и выделили наиболее важные.
Ключевой задачей стала переработка раздела «Каталог».
Мы внедрили множество параметров каталога, в том числе и привязку к валюте. При выборе валюты, меняются как фильтры, так и результаты выдачи. Так как проект международный, мы сделали сайт на двух языках — английском и русском.
Отдельное важно рассказать про процесс тестирования и внедрения SEO-рекомендаций. Команда INPRO.digital всегда уделяет большое внимание тестированию, так как это более чем 20% всего процесса разработки. Наши партнёры, компания «Ашманов и партнёры», являясь основателями SEO-отрасли в России, предоставили для проекта Nordmarine свои рекомендации. После чего, наша команда успешно внедрила их на этапе разработки, что гарантировало высокий уровень поисковой оптимизации нового сайта сразу после его релиза.
Одним из основных запросов клиента заключался в разработке функционала автосборки брошюр яхт. Смысл данной функции был в том, что по запросу брокера, он сразу, нажатием одной кнопки, получал PDF-файл со всей информацией про конкретное судно.
Данная возможность позволит облегчить процесс продаж для брокеров, так как в силу специфики целевой аудитории бренда и процесса продаж, бумажные брошюры — необходимость.
Сам функционал автосборки буклета не так сложен с точки зрения технической реализации, но настоящим челленджем для нашей команды стало формирование дизайн-концепции для печатных носителей. Nordmarine представляет товары в люксовом сегменте, поэтому особенно важно было сделать пользование брошюрой не только удобным, но и эстетически приятным.
Бизнес-запрос клиента от данного функционала — облегчить процесс продаж для брокеров. Чтобы сотрудники каждый раз не делали новую презентацию или буклет, в изначальный шаблон мы добавили фирменные цвета и элементы Nordmarine. Также мы составили структуру брошюры в соответствии с основными законами дизайна, соответственно, после автосборки буклет выглядел презентабельно, текст переносился верно, отсутствующие блоки не занимали пустое место, а фотографии отображались корректно.
Мы отдельно добавили функцию автосоздания брошюр под инструментарий сравнения яхт. Данная функция также была запросом от клиента, так как её наличие косвенно увеличило количество продаж.
Команда INPRO добавила этот инструмент: по нажатию у брокера появлялась PDF-распечатка, где в сводной таблице указывались показатели, что отличаются у двух и более яхт, а далее шла дополнительная информация про каждое судно в отдельности. Сводная таблица оформляется в фирменном стиле и всегда отображается корректно. Мы протестировали данную функцию в более чем 100 комбинациях разных типов судов, фирм и производителей.