Разработка интерфейса для «ГдеЖК?»

Клиент

ГдеЖК? — портал недвижимости, ориентированный исключительно на новостройки. 

Задача

Разработать интерфейс сайта недвижимости.

Ход работы

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

Далее мы проанализировали референсы, в список которых вошли: Циан, Яндекс.Недвижимость и ДомКлик.

Разработка интерфейса сайта недвижимости


После мы определились с дизайн системой проекта. Выбор пал на Ant Design. Эта система поддерживается разработчиками из Alibaba Group, которые также ведут dva — интересный фреймворк на основе популярного стека React, Redux, React-Router.

Ant Design

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

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

Дизайн-система
Дизайн-система
Дизайн-система
Дизайн-система
Дизайн-система
Дизайн-система

Прежде чем приступить к «рисованию» мы подготовили упрощенный прототип (wireframes) и сделали его интерактивным, чтобы клиент мог протестировать наши интерфейсные решения.

Прототип
Прототип
Прототип
Прототип

Когда клиент одобрил представленные решения по user story, дизайнеры принялись за создание красивого и функционального UI.

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

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

Сайт
Сайт
Сайт
Сайт
Сайт
Сайт
Сайт

  • Мы вынесли быстрый поиск недвижимости на главную, чтобы пользователь сразу мог отфильтровать квартиры и перейти к результату.
  • Поиск отображается в двух вариантах: на карте или списком. Это позволяет упростить восприятие и работу с объектами, т.к. одним пользователям нравится видеть расположение ЖК на карте, а другие лучше воспринимают информацию списком. 
  • Внутренняя страница ЖК содержит основные данные о комплексе и отвечает на главные вопросы покупателей: где расположен ЖК, какова цена, какие этапы и сроки строительства, есть ли скидки, акции, отзывы.

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

Адаптивный дизайн сайта - ГдеЖК?


Работа над проектом была интересной. Мы желаем ребятам развития и еще большего роста. Если вы хотите заказать дизайн интерфейса сайта — оставьте заявку и мы обязательно с вами свяжемся!

Команда проекта

  • Евгений

    Проект-менеджер

  • Антон

    Дизайнер

  • Артём

    Главный дизайнер

  • Кирилл

    Дизайнер

Смотреть следующий проект

Давайте обсудим ваш проект