Корпоративный сайт для NHOOD

Клиент: Nhood

Сфера: Недвижимость

1. Начало работы

Ситуация

NHOOD — международная консалтинговая и управляющая компания с 40-летним опытом работы, работающая в 11 странах и управляющая 297 объектами, из которых 180 находятся в России. Клиент пришёл с запросом на создание многостраничного сайта с английской версией. 

Проблема

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

Цели

• Разработать удобный многостраничный сайт с понятной структурой.

• Продемонстрировать услуги, портфолио, доступные объекты, сотрудников, новости и документы.

• Обеспечить удобную админ-панель для управления контентом.

• Соблюсти фирменный стиль и брендбук компании.

Аудитория

Целевая аудитория NHOOD — инвесторы, арендаторы, потенциальные партнеры и клиенты, заинтересованные в услугах компании.

Решение

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

Показать структурно сайт, в виде mindmap

В процессе аналитики мы изучили техническую реализацию раздела с учётом удобства и быстроты заполнения для клиента. 

Реализация проводилась по методологии Waterfall. Сначала разрабатывался дизайн страницы, затем он согласовывался с клиентом, после чего выполнялась верстка и программирование. Этот процесс повторялся для каждой страницы.

Основные этапы

Этап 1: Разработка и дизайн

• Разработка структуры и прототипов.

• Дизайн в соответствии с брендбуком.

• Создание анимаций и интерактивных элементов.

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

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

Особенно сложной оказалась страница «О компании» – слишком много однотипных списков. Чтобы подать информацию удобнее и разнообразнее, использовали разные стили оформления, включая объемные иконки, что помогло сделать контент более наглядным.

Этап 2: Верстка и программирование

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

2. В разделе «Новости» реализовали комбинированный фильтр по свойствам и дате с динамической подгрузкой данных.

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

Этап 3: Тестирование и запуск

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

Сложности и их решение

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

Как решили?

Совместно корректируем дизайн, согласовываем, вносим правки, заново верстаем и программируем.

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

Результаты

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