Архітектура2025EN
LITHA°
«Ми не проєктуємо об’єкти. Ми складаємо атмосфери.» Сайт студії, де темп несе не менше сенсу, ніж зображення.
- Сайт
- Портфоліо
- Редакційний контент
- Галузь
- Архітектура
- Тривалість
- 6 тижнів
- Команда
- 1 дизайнер · 1 інженер
- Платформи
- Маркетинговий сайт · Сторінки проєктів · Дослідження матеріалів
01
Задача
Архітектурна практика з циклом проєкту 24–36 місяців не продає послугу, яку купують цього тижня. Робота сайту — привабити дуже невелику кількість правильних клієнтів і відштовхнути всіх інших.
Тому звичайний конверсійний дизайн тут працює проти мети: тертя, стриманість і повільність — це і є повідомлення.
- Показано проєктів
- Три, повністю
- Типовий цикл
- 24–36 місяців
- Мета
- Менше звернень, але кращих
02
Рішення
Три проєкти показані повністю, а не сіткою з дванадцяти — Casa Sombra, Horizon House, Still Forest — кожен із логікою рішень, умовами ділянки й вибором матеріалів.
Розділ досліджень матеріалів подає вапняк, копчений дуб і чорнену сталь як самостійні теми — саме так практика й говорить про свою роботу.
Секція процесу з п’яти фаз задає очікування щодо термінів і залученості ще до початку розмови, і це фільтрує звернення рівно так, як студія й хотіла.
- Структура
- Філософія → роботи → матеріали → процес
- Фільтрація
- Терміни й залученість названі одразу
03
Архітектура
- L0СайтСтатичний
- L1Модель проєктівДаніДослідження матеріалівДані
- L2Конвеєр зображеньAVIF/WebP, адаптивніЗгенеровані сторінкиСервіс
- L3ЗверненняСервіс
Зв’язки (6)
- Сайт → Модель проєктів
- Сайт → Дослідження матеріалів
- Модель проєктів → Конвеєр зображень
- Модель проєктів → Згенеровані сторінки
- Дослідження матеріалів → Згенеровані сторінки
- Згенеровані сторінки → Звернення
04
UX
Свідомий темп: довгі дистанції скролу, мало рішень на екран, жодних конкурентних закликів до дії. Ритм читання і є аргументом.
Контакти стоять у кінці, а не всюди, бо практиці з трирічним циклом не потрібна липка кнопка.
05
UI
Фотографія на всю ширину, дрібна й точна типографіка поверх неї та щедрий негативний простір, який на будь-якому іншому сайті був би марнотратством.
Палітру задають матеріал і світло — інтерфейс майже не додає власного кольору.
06
Розробка
Насичені медіа сторінки з генерацією адаптивних зображень у сучасних форматах, щоб фотографія на всю ширину швидко вантажилась на телефоні.
Хореографія появи прив’язана до скролу й коротка; під reduced-motion зображення просто з’являються.
07
Що він вміє
Філософія
Позиція практики заявлена до того, як показана будь-яка робота.
Вибрані роботи
Три житлові проєкти повністю, з логікою ділянки й матеріалів.
Дослідження матеріалів
Вапняк, копчений дуб і чорнена сталь як самостійні теми.
Процес
П’ять фаз із реалістичними термінами, названими до контакту.
Студія
Інформація про практику й маршрутизація звернень.
08
Інтеграції та стек
Інтеграції
- Email-звернення
- Аналітика
Фронтенд
- Next.js
- TypeScript
- Tailwind CSS
- next/image
Платформа
- Статична генерація
- Адаптивні зображення
- CDN
09
Що з цього вийшло
- 3, повністю
- Показано проєктів
- Вбудована у структуру
- Фільтрація
- На всю ширину, оптимізовані
- Медіа
- Коротка, безпечна для reduced-motion
- Анімація
Замість сітки з дванадцяти
Сайт, який поводиться як сама практика: повільно, точно й без інтересу до всіх підряд.
Кожен продукт ми проєктуємо під телефон окремо, а не звужуємо десктопну версію.
Є продукт, який давно час зробити?Розкажіть про нього.
Опишіть, що має змінитися у вашому бізнесі. Ми розберемось, що для цього справді потрібно — навіть якщо потрібно менше, ніж здається.