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

Главная — Кейсы — MLA +

Екатерина Комарова Арт-директор,
co-founder студии

90% наших заказчиков уже на первых этапах разработки дают такой фидбек. Хотите приятно удивиться, получить мощный результат и классный сервис? Давайте обсудим вашу задачу!

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

30 рабочих дней

#madeontilda

Ссылка на проект

Старая версия сайта МЛА+

Срок разработки

Награды

Перед разработкой мы провели серию встреч с командой МЛА+, где детально обсудили проект и выделили основные задачи и цели будущего сайта

Карта будущего сайта

Вместе с командой заказчика распределили информацию по уровням, выделив удобный доступ к основным разделам: направлениям работы, проектам, информации о компании и новостям

Важно было чётко разделить направления работы, сделать удобную систему фильтрации, чтобы B2B и B2G заказчики могли быстро находить нужные решения.

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

Визуальный стиль — строгий, минималистичный дизайн в швейцарском стиле с акцентом на архитектурные проекты и типографику без лишнего визуального шума.

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

Некоторые сайты перегружены текстом, где важные данные теряются среди рендеров, другие, наоборот, показывают проекты минимально — одно изображение и пара строк без деталей. Мы искали баланс между визуальной эстетикой и удобством взаимодействия. Наш приоритет — понятная навигация, где всё нужное находится за 1−2 действия.

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

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

Фрагмент главной страницы

Страница «Проекты»

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

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

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

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

Работа с сеткой

Страница-шаблон «Проект»

Команда

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

После финального согласования дизайна и отрисовки адаптивных версий мы перешли к верстке на Tilda

Адаптация дизайна

Руководитель проектов «МЛА+»

Валерия Юдина

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

Теперь команда MLA+ полностью контролирует контент: самостоятельно добавляет новые проекты, обновляет состав команды, публикует новости и статьи — без необходимости обращаться к разработчикам

У нас к Екатерине была задача сделать стильный, минималистичный сайт для архбюро с хорошей структурой и лаконичным визуалом — и результат вышел отличным! Еще нам очень понравился процесс, все было четко, организованно и понятно, без каких-либо проволочек. Кроме того, мы как архитекторы-перфекционисты, не можем не оценить со стороны Екатерины степень внимания и реагирования на все наши запросы, корректировки и мелкую детализацию, спасибо большое за это:) и еще действительно очень ценно, что после окончания работы есть возможность консультаций, вопросов и помощи по ведению и наполнению сайта.

После проведённой SEO-оптимизации сайт MLA+ занял позиции в топе поисковых систем по брендовым запросам, что привело к притоку новых заказчиков и партнёров. Скорость загрузки страниц увеличилась в 2 раза, время пребывания пользователей на сайте + 35%, а количество отказов снизилось на 50% — теперь контент удобнее, понятнее и вовлекает аудиторию.

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

“

Екатерина Комарова

Арт-дир, co-founder

Задаю творческий вектор, отвечаю за общий визуальный стиль проектов, контролирую дедлайны и веду переговоры

Сергей Комаров

CVO&UX, co-founder

Проектирую интерфейсы, отвечаю за логику и структуру, контролирую техническую реализацию проектов

5+

специалистов в команде

Сайт для МЛА+ был реализован за 30 рабочих дней. Над проектом работала часть команды: UX-дизайнер, веб-дизайнер, арт-директор, верстальщик, разработчик

Больше кейсов и экспертных статей от нашей команды читайте на популярных медиаплатформах для дизайнеров и бизнеса:

Рекомендуем

Узнать о нас больше, следить за развитием студии можно в нашем уютном telegram-канале: