← Все проектыB2B / B2C / UX/UI / Корпоративный сайт
Север-Инвест

Управление недвижимостью. Понятно с первого шага.

УК "Север-Инвест" работает с обслуживанием недвижимости. В редизайне я собрала информацию об услугах в понятную структуру: от первого знакомства с компанией до выбора нужного направления и обращения.

Обновлённый сайт Север-Инвест на ноутбуке
ЗадачаЛистай дальше ↓
01 / Задача

Одинсайт-разныезадачижителейи бизнеса.

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

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

02 / UX-основа

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

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

Галерея01 / 07
03 / Главная страница

Главная страница знакомит с компанией, а затем раскрывает направления ее работы и проекты. Я построила ее как последовательность смысловых блоков: каждый отвечает на отдельный вопрос и ведет к более подробной информации.

В Figma отдельно проработаны идеи движения: параллакс фотографии и появление преимуществ при прокрутке. Эти решения добавляют динамику, сохраняя деловой характер сайта.

01

Сначала суть

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

02

Переход к нужному

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

04 / Система страниц

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

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

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

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

06 / Практические сервисы

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

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

Визуальная подача сайта Север-Инвест
Визуальный языкЛистай дальше ↓
07 / Визуальный язык

Сдержанныйхарактер,узнаваемаясистема.

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

08 / Документы и карьера

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

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

Галерея01 / 02
09 / Результат проектирования

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

Готовы начать?

Можно просто написать

Даже если пока нет четкого ТЗ. Разберемся вместе, что лучше сделать, как упростить и где усилить. Без лишнего и по делу

Портрет

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