Написать мне
Контакты
Обо мне
Работы
Написать мне
Перейти на сайт
Главная
/
Моспроект - корпоративный сайт
Моя роль
UX/UI-дизайнер
Сроки
2 недели
Инструменты
Figma, Miro
моспроект - корпоративный сайт
Сайт для команды архитекторов, градостроителей, ландшафтных дизайнеров и инженеров, работающих над проектами будущего.
Web design
UI/UX
CJM
Wireframing
User Research
[1]
О проекте
Моспроект - корпоративный сайт для компании архитекторов, градостроителей, ландшафтных дизайнеров и инженеров, работающих над проектами будущего.
При проектировании интерфейса важно было показать не только компетенции, но и сам принцип работы. Поэтому в дизайне акцент сделан на ясной иерархии, сдержанном стиле, продуманной типографике и чёткой логике переходов между разделами: от общего портфолио к конкретным специализациям и ролям.
Методы
Интервью с заказчиком, карта контента, wireframes, UI-сетка
Задача
Разработать дизайн сайта для компании проектировщиков, показав экспертизу, при этом сохранить визуальную строгость и простоту в восприятии.
[2]
UX-процесс
Сбор требований
  1. Интервью с заказчиком
  2. Анализ архитектурных сайтов премиум-сегмента
  3. Фокус на сдержанную визуальность + логическую структуру
Архитектура сайта
  1. Главная
  2. О компании
  3. Проекты (по категориям: жилые, коммерция, социальные, благоусройство)
  4. Услуги
  5. Команда
  6. Новости
  7. Вакансии
  8. Контакты
Особенности:

  • Все проекты снабжены тегами по типу и на карте
  • В услугах — логичная группировка по направлениям (Проектирование зданий и сооружений, оценка территории и аудит документации, Инженерные изыскания для строительства)
  • Команда с фильтрацией по профилю (архитекторы, инженеры, дизайнеры)
Wireframes
Проработаны все ключевые экраны: карточка проекта, сетка портфолио, фильтрация
Смотреть сайт полностью
Финальный дизайн
  • Сайт презентует мультидисциплинарную структуру через единое визуальное решение
  • Заказчик получил инструмент для привлечения клиентов и формирования репутации
  • Упрощена отправка заявок (в 1 экран с валидацией)
  • Реализован адаптив и быстрая загрузка фото благодаря оптимизации
Что я вынесла из проекта
  • В процессе работы над корпоративным сайтом для «Моспроект» я убедилась, насколько важно сочетать визуальную строгость с глубиной содержания. Архитектура информации стала ключевым инструментом: вместо перегруженного меню мы выстроили чёткую иерархию — от масштабных градостроительных проектов до узкоспециализированных решений. Это позволило сохранить лаконичность, но при этом дать пользователю возможность постепенно погружаться в детали, как если бы он изучал чертёж с разных уровней детализации.

  • Один из главных инсайтов — профессионалы в этой сфере ценят не «красоту», а ясность. Тестирование показало, что сдержанная типографика, контрастные акценты на схемах и продуманные отступы работают лучше, чем сложные анимации или броские образы. Например, раздел с методологией проектирования изначально казался слишком сухим, но после добавления минималистичных инфографик и выжимки ключевых принципов на первых экранах, пользователи стали проводить там на 40% больше времени.

  • Работа с командой «Моспроект» подтвердила: даже в строгих рамках можно создать живой продукт. Например, интерактивная карта с геолокацией проектов сначала казалась избыточной, но именно она стала самым цитируемым элементом в переговорах с заказчиками — потому что превратила абстрактные компетенции в осязаемые примеры.

  • И самое важное — проект закрепил во мне понимание, что корпоративный сайт может быть не просто презентацией, а частью рабочего процесса. После запуска команда начала использовать структурированные разделы сайта как основу для коммерческих предложений, а адаптивная версия для планшетов неожиданно стала популярной на выездных встречах с клиентами. Это был момент, когда я осознала: хороший дизайн не решает проблемы интерфейса, а становится естественным продолжением профессионального языка компании.
следующий кейс
Web & app design
JustEat - сервис доставки еды
Made on
Tilda