Одинбург: адаптивный дизайн и многообразие функций для ЖК

Время реализации

Что было сделано?

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

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

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

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

2 месяца

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

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

Оптимизировали отображение контента на различных устройствах, обеспечив корректное отображение на full-screen экранах без потери информации.

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

В соответствии с современными тенденциями веб-дизайна, мы:

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

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

Экологичность

1.

Удобство

2.

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

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

Чтобы познакомить пользователей с концепцией жилого комплекса и его ключевым преимуществом, мы использовали интерактивные блоки, которые рассказывают об объектах внутренней инфраструктуры. Элемент интерактивности привлекает внимание и создает нужный эффект. Блок наглядно показывает насколько близко расположены объекты.

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

Правильное расставление акцентов

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

Удобный подбор квартиры

3.

Переработали структуру старого сайта, собрав всю необходимую минимальную информацию на главной странице.

Проработали пользовательские сценарии: сократили количество страниц и путь пользователя до нужной информации.

Разработали простую и понятную навигацию по сайту. Теперь всю информацию можно найти в меню.

Расставили акценты на Call-To-Actions, дополнительно подсветили акции и специальные предложения.

Провели реорганизацию анимационных эффектов для повышения динамичности и привлекательности контента.

Изменили порядка блоков для улучшения логической структуры и упрощения навигации.

Скорректировали цветовую палитру кнопок для повышения их заметности и соответствия общему стилю сайта.

Что было важно?

Какие были внесены изменения?

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

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

Хотите работать с нами?

Оставьте заявку, и мы свяжемся с вами, чтобы обсудить проект

Кузин Михаил

Директор по развитию