Обговорити проєкт
ГоловнаПроєктиДевелоперамПідхідКонтактиОбговорити проєкт

TYSHA

Сайт-маніфест архітектурного бюро, яке продає не квадратні метри, а тишу.

Клієнт
Архітектурне бюро, Львів — Варшава
Ніша
Архітектура
Формат
Концепт
Рік
2026
Що зробили
Концепція і позиціонування, Структура і тексти, Арт-дирекція і фото, Дизайн, Розробка і анімації
TYSHA — перший екран сайтуКонцепт

рівень тиші в спальні, записаний у договір

правило локації: до міста не довше

розділів на головній, від шуму до тиші

шаблонів сторінок

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

Задача

З чого почали

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

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

  • 01Перетворити абстрактну «тишу» на аргумент, який можна виміряти й перевірити
  • 02Пояснити метод бюро без довгих текстів
  • 03Довести людину до заявки на перший дзвінок

Ідея

Тиша має число

Ми зробили децибели наскрізною метрикою сайту. Угорі сторінки звучить місто, 68 дБ, і з кожним розділом стає тихіше, аж до 25 дБ у спальні TYSHA. Ця цифра не прикраса: бюро записує її в договір і вимірює разом із клієнтом у першу ніч.

Процес

Огранка в п'ять етапів

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

Етап 01

Сировина

Аналіз ніші, сайти бюро, аудиторія. Знайшли головну відмінність: будинок у тиші, але близько до міста.

Етап 02

Розмітка

11 розділів головної від шуму до тиші, сторінки проєкту й методу. Тексти англійською, коротко й по ділу.

Етап 03

Огранка

Дві візуальні концепції, обрали темну, з великим вордмарком. Шрифт Instrument Serif, теплий беж, моно-підписи.

Етап 04

Оправа

Верстка з прелоадером, анімаціями на скролі, лічильником децибелів і «днем у будинку», що змінюється по годинах.

Етап 05

Блиск

Доступність, швидкість, мобільна версія, окремий домен і підготовка до подачі на Awwwards.

Рішення

Що зробили і навіщо

01

Перший екран задає тон

Вордмарк на всю ширину, будинок біля озера й лічильник шуму в шапці: 68 дБ міста. За три секунди зрозуміло, що це бюро про тишу, а не ще одне портфоліо.

TYSHA: Перший екран задає тон
02

Тиша має число

Шкала від вечірньої траси до спальні TYSHA. 25 дБ записано в договір, тож слово «тихо» стає гарантією, яку можна перевірити.

TYSHA: Тиша має число
03

Метод на одному екрані

Ділянка, форма, матеріал, ритм. Чотири шари пояснюють, як працює бюро, без жодного абзацу «про нас».

TYSHA: Метод на одному екрані
04

Цифра змінюється разом зі світлом

«День у Lull House»: вітальня від 06:10 до 23:40. Людина бачить не рендер, а життя в будинку, виміряне по годинах.

TYSHA: Цифра змінюється разом зі світлом
05

Процес зі строками

П'ять етапів від аудиту ділянки до першої тихої ночі, у кожного свій строк. Клієнт знає, що його чекає, ще до дзвінка.

TYSHA: Процес зі строками
06

Заявка без тиску

Студія в цифрах і фінал «Почніть з тихої розмови» замість «Замовити проєкт». Тон заявки той самий, що й у всього бренду.

TYSHA: Заявка без тиску
TYSHA — мобільна версія
TYSHA — мобільна версія
TYSHA — мобільна версія
TYSHA — мобільна версія
TYSHA — мобільна версія

Мобільна версія: той самий сюжет, зібраний під вертикальний скрол.

Результат

Що отримує бюро

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

Концепт-проєкт: бюро, проєкти й відгуки вигадані, щоб показати підхід. Сайт повністю робочий.

Хочете так само для свого проєкту?

Розкажіть коротко про задачу. Відповім особисто протягом 24 годин, ціну й строки назву після короткого дзвінка.

Натискаючи кнопку, ви погоджуєтесь з політикою конфіденційності.