ООО «Мосэнка» появилось в 1991 году довольно оригинальным образом: правительство Москвы и турецкая строительная компания Enka объединились, чтобы строить больше офисных помещений — на них в начале 90х как раз спрос попёр. В результате сотрудничества получилось пять симпотяжных зданий в центре Москвы. Это не футуристичные сплетения стекла и металла (хотя Enka и в этом хороша — чекайте кейс МКХ), а уютные здания на Садовом кольце с зеленью и птичками.

Изначальная концепция, которую мы предложили заказчику — сайт с промо-блоком, в который входят фотография здания и карта города, а ниже — кнопки CTA, тексты и преимущества. Всё это дело, конечно, нужно скроллить. Но заказчик видел свой сайт иначе.

Что ж, так мы тоже умеем. Самое важное в подобном дизайне — фотографии. Большие, качественные, сочные. Заказчик сделал такие, что мы даже добавили их на прототип, хотя обычно ограничиваемся серым блоком с крестиком.

В итоге на главной осталась краткая информация о зданиях, контакты арендодателя и горизонтальное навигационное меню внизу экрана. И на фоне — большие анимированные фотографии Мосэнок. Здания как бы наезжают (в самом прямом и добром значении) на пользователя, а за ними летят облака, качаются деревья, уплывают вдаль столбы. Красота!

Арендаторам кроме шикарного внешнего вида также важно, что у здания внутри. Мы понимали, что нужно показать планы помещений, их расположение по этажам и т.д. Но и тут заказчик немного усложнил задачу.

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

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

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

Самой лаконичной и при этом залипательной получилась 404 страница. Она — сосредоточение дзена. На ней тишина, спокойствие, облачка плывут, солнышко светит. Для полного погружения в нирвану не хватает «Оммммм» на фоне. Но мы не такие, пугать пользователей внезапными звуками не будем :)

Заядлые маркетологи, потыкав сайт ООО «Мосэнка», возмутятся: где большая красная кнопка «Снять помещение»? Нет, это не косяк, господа маркетологи. Так задумано!

В разделе «Здания» свободные площади и их планы мы показали на картинках, а не в занудных таблицах, которые ещё и скроллить надо (что на этом проекте — табу!).

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

Так как «Мосэнка» — компания интернациональная, и некоторые её клиенты на русском не говорят, мы сделали английскую версию сайта. Такую же шикарную — смотрите обе по ссылке ниже.