Задачи и концепция

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

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

Решение

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

Этапы
  • UX-дизайн
  • Проектирование и дизайн
  • Desktop- & Mobile-версии
  • Разработка карты с объектами
  • Работа с контентом
  • Тестирование и релиз

Дизайн

Дизайн сайта для инвестиционно-управляющей компании – это компромисс. С одной стороны, у сайта есть своя «фишка», которая запоминается посетителям, с другой стороны, дизайн лишен чрезмерной пестроты и слишком ярких элементов, которые отвлекают от содержания.

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

15 уникальных блоков
30 метрик и поп-апов
3 размера экрана

Типографика и цветовая схема

Galatea
  • Ab
  • Black
  • Bold
  • Ab
  • Regular
  • Light
  • #ff385c
  • #2c2c43
  • #f5f6fa

Каталог и карточка объекта

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

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

Mobile версия

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

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

Планшет

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

Прототипы

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

Компьютер

Прототипы страниц проекта Steit
Прототипы страниц проекта Steit

Планшет

Прототипы страниц проекта Steit
Прототипы страниц проекта Steit
Прототипы страниц проекта Steit

Мобильная версия

Прототипы страниц проекта Steit
Прототипы страниц проекта Steit
Прототипы страниц проекта Steit
Прототипы страниц проекта Steit

Нужна сильная команда?