Сайт August Architects на ноутбуке и телефоне

August Architects

Бюро из Москвы проектирует интерьеры и загородные дома. Пересобрали сайт на Тильде в стиле новой книги бюро: портфолио, услуги, запись на консультацию в офисе.

  • Исследование
  • Структура
  • Дизайн
  • Тильда
  • Наполнение
  • Сопровождение
Перейти на сайт
Задача

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

Главная сайта August Architects на ноутбуке
Было

Тёмная главная со счётчиками, блоками партнёров и прессы. Цифр было много, а построенные проекты терялись среди них.

Сайт смотрят в основном с телефона, а старая версия на нём разваливалась.

Новая главная August ArchitectsСтарая главная August Buro, 202320232024
Конкуренты

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

Взяли у них крупные фото проектов и короткий путь до консультации. Отказались от перегруженных главных и длинных текстов о философии.

Первый экран сайта: бюро 1
БерёмБюро 1Крупное фото интерьера на весь первый экран
Первый экран сайта: бюро 2
БерёмБюро 2Список услуг рядом с фото, кнопка заявки сразу
Первый экран сайта: бюро 3
Не берёмБюро 3Цифры и расчёт стоимости на первом экране
Поиск концепции

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

Ранний вариант главной 1
Ранний вариант главной 2
Ранний вариант главной 3
Ранний вариант главной 4
Финальный макет главнойФинальный макет
Стиль книги

Книгу бюро сделало само, в новом дизайне. Сайт подстроили под неё: те же цвета, шрифты и тонкие линии.

Палитра
#c49951#93816b#f7e4ca#494949#ffffff
Золото кнопок, тёплый серо-бежевый подписей, светлый беж линий, графит текста
Шрифты
ЗаголовкиTT RicordiNobili
ТекстMontserratLight 300 · Regular 400
Страница услуги «Дизайн интерьеров жилых пространств»
Мобильная версия

На телефоне фото проектов идут на всю ширину экрана, категории открываются крупными карточками, а кнопка консультации стоит на первом экране.

9:41
Главная на телефоне
9:41
Категории проектов на телефоне
9:41
Список проектов на главной, на телефоне
Сборка на Тильде

Тильду выбрали из-за бюджета, но готовые блоки не брали: каждый экран собран в Zero-блоке со своей раскладкой для компьютера и телефона. Галереи с миниатюрами и анимации сделаны на модификациях Nolim и своём CSS, а плавная прокрутка работает на отдельном скрипте. Страницы разложены по папкам: квартиры, дома, коммерческие проекты, услуги.

Zero-блок первого экрана главной в редакторе Тильды
Первый экран главной в Zero-блоке: фон-галерея, заголовок, кнопка и награды отдельными слоями
Мобильная раскладка Zero-блока
Мобильная раскладка того же Zero-блока
Код галереи с миниатюрами
Галерея с миниатюрами: модификация Nolim и свой CSS поверх
Список страниц проекта в Тильде
Страницы сайта: услуги, проекты по папкам, статьи, документы
Скрипт плавной прокрутки
Скрипт плавной прокрутки в шапке сайта
august-architects.ru
Результат

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

Нужен похожий сайт?

Расскажите о задаче, а мы посчитаем сроки и стоимость.

Ещё проекты

  • Sechenov DentalСайт хирургической стоматологии
  • Clever InteriorsСайт комплектации интерьеров
  • Яблоневая долинаСайт посёлка