Редизайн корпоративного сайта-портфолио для архитектурного бюро TTMG

TTMG — архитектурное бюро из Монако, создающее премиальные дизайны интерьеров и проекты зданий для магазинов Burberry, Fendi, Chanel, Agent Provocateur, Gucci и других брендов. Бюро обратилось к нам за редизайном сайта — нашей задачей было сделать имиджевый сайт-портфолио, рассказав о компании и её проектах.

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

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

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

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

Главная составляющая в работе архитектурного бюро — портфолио. Поэтому мы прописали для клиента необходимые требования к фотографиям интерьеров.

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

На сайте есть анимация в появлении текста, поэтому мы добавили smooth scroll — плавную прокрутку страницы. Это позволяет пользователю мягко и плавно, перемещаться между экранами. Так поддерживается ощущение уникальности и премиальности, которое мы создаём на сайте TTMG.

Чтобы подчеркнуть готовность компании на любом континенте и в любое время быть на связи с клиентом, мы добавили в футер бегущую строку с городами, где есть проекты Бюро (Москва, Монако, Лондон, Буэнос-Айрес), и временем в этих часовых поясах. 

Сайт разработан на Laravel с учетом кроссбраузерности и адаптированности для всех разрешений экранов. Мы подобрали стек технологий, который обеспечивал бы легкую поддержку проекта и стабильную работу сайта: фреймворки React и Next.JS.

Также мы использовали инструмент для оркестровки данных k8s (Kubernetes) для удобства масштабирования сайта.

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