← НазадКейс 01 / 05Сайт студії

Architecture Studio

Сайт бюро сучасної архітектури, де говорять проєкти, а інтерфейс відходить на другий план.

Проєкт
Демо-проєкт
Галузь
Архітектура
Роль
Веб-дизайнер, арт-дирекшн
Рік
2026
Візуальний напрям
Swiss, minimalism
Послуги
Інформаційна архітектура, Арт-дирекшн, Візуальний дизайн, Верстка
Відкрити сайт ↗

Концепція

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

Кожна сторінка проєкту має однаковий ритм (контекст, ідея, креслення, фото, факти), тож відвідувач може порівнювати роботи, а бюро додає проєкти без дизайнера.

Задача

Бриф вигаданого бюро: архітекторів оцінюють за будівлями, тож сайт має показати роботи якнайкраще, тримати всі сторінки проєктів в одній логіці й дати клієнтам, пресі та кандидатам зрозумілий шлях.

  • Дати проєктам вести, а інтерфейсу лишатися на фоні
  • Один шаблон проєкту, який команда наповнює самостійно
  • Зрозумілі маршрути для клієнтів, преси й кандидатів

Структура

Головна: вибрані проєкти
  1. 01Проєкти: індекс із фільтрами за типом і статусом
  2. 02Сторінка проєкту
  3. 03Бюро: підхід, команда, нагороди
  4. 04Журнал
  5. 05Кар’єра
  6. 06Контакти

Візуальна система

Шрифти

Aa
Inter TightЗаголовки й текстABCDEFGHIJKLM abcdefghijklm 0123456789

Палітра

  • Paper#F1F0EC
  • Ink#111111
  • Concrete#9A9993
  • Shadow#3D3C38
  • Signal#D9442B

Сітка

12 col · 24 px gutter · 1440

Ключові сторінки

Індекс проєктівПеремикається між сіткою зображень і щільним списком із роком, типом, локацією й статусом, як архів архітектора.
Сторінка проєктуФото на весь екран, плани й розрізи на світлому фоні та блок фактів в одному місці на кожному проєкті.
Типографіка як системаОдин гротеск, два накреслення й 12-колонкова сітка, що тримає всі сторінки.

Якість реалізації

XX
Lighthouse performance
XX
Lighthouse accessibility
X.Xs
LCP на мобайлі
XXX KB
вага головної
Наступний кейс · 02Digital Magazine