Имиджевый сайт для застройщика

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

Первоначальным запросом клиента стала последовательная реализация двух независимых проектов: корпоративного сайта компании-застройщика и имиджевого лендинга гостиничного комплекса на Бали, строительство которого завершает заказчик. Проекты не были связаны друг с другом, а сроки (как это часто бывает) были сжаты. Поэтому для каждого веб-сайта была задействована отдельная команда дизайнеров и разработчиков.

Разработка корпоративного сайта и имиджевого лендинга для гостиничного комплекса на Бали в рамках одного сайта на 4 разных языках

• Многостраничный корпоративный сайт с расширенным маркетинговым функционалом: CMS для новостей с удобной фильтрацией и динамическим каталогом выставленной на продажу недвижимости.
• Увлекательный имиджевый лендинг для промо гостиничного комплекса премиум-класса. Просторный, оригинальный и полный современной анимации.
• Обеспечение функциональности сбора, обработки и передачи данных в CRM-систему клиента
• Локализация на 3 дополнительных языка с возможностью локализации изображений, URL-адреса и автоматического определения версии в зависимости от языка браузера пользователя
• Полнофункциональные Cookie Consent (GDPR Compliance) 
• Подключение аналитических систем и настройка событий для основных рекламных и аналитических платформ.
• Адаптация к широкоформатным мониторам, планшетам и мобильным устройствам
• Кроссбраузерное тестирование и тестирование на разных устройствах

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

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

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

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

Первый сюрприз:

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

• Создать полноценный дизайн в соответствии с концепцией
• Адаптировать или сгенерировать временные рендеры
• Заверстать лендинг длиной почти 30к пикселей
• Подключить сбор данных в CRM-систему
• «Посадить» на хостинг и подключить домен

После утверждения дизайна состоялся совместный звонок с командой разработчиков, и дизайнер должен был «прочесать» макет и придать ему единообразие для удобства разработки. Неделя была насыщенной. Конечно, мы и клиент осознавали, что это - временное решение. Тем не менее, мы успели и клиент смог получить с лендинга уже реальную пользу. Мы были довольны, ведь работаем в первую очередь для этого.

Корпоративный сайт находился на завершающей стадии. Мы уже завершили верстку адаптивов. Продолжалась работа над функциональными модулями:

- международный формат ввода номеров с автоопределением страны пользователя по ip
- валидация данных/проверка на валидность данных инпутов/ui инвалидных состояний
- генерация и обработка дополнительных параметров
- интеграция с CRM
- локализация
- настройка аналитики
- внедрение Cookie Consent

Второй сюрприз:

Клиентом было принято решение объединить корпоративный вебсайт и лендинг гостиничного комплекса в едином проекте. На самом деле, задача очень нетривиальная, если лейауты категорически разные, а поддерживаться должны из одной админки. Плюс пребывание на едином домене все же обязывает нас придерживаться до определенной степени консистентности. В противном случае, такая несогласованность будет восприниматься не как фича, а как баг.

Однако мы любим нестандартные задачи и взялись за это сразу и с вдохновением. Нам пришлось:

• Внести изменения в дизайн базовых компонентов корпоративного вебсайта и лендинга (header, footer, language panel, мобильное меню, модальные окна и формы) с целью частичного согласования их между собой
• При этом мы чувствовали потребность все же в определенной степени уникализации этих компонентов, поэтому для лендинга использовали немного измененные варианты компонентов. При этом, все изменения, которые внедрялись в эти компоненты на корпоративном веб-сайте, автоматически имплементировались и на лендинге.
• Вся функциональность корпоративного вебсайта также была интегрирована на лендинг
• Лейауты, брейкпоинты и стили были также рамочно согласованы
• Все библиотеки для анимации на лендинге подключались отдельно для страницы, чтобы не влиять на общий перформанс вебсайта

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

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