Brand Web Investment

Kodra Invest

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

01 · Контекст

Kodra Invest — девелоперський проєкт у Карпатах: три об'єкти нерухомості (HATA, GEMINI, TOWER) серед лісу, з акцентом на природні матеріали, тишу та довгострокову цінність. Клієнт — приватний інвестор, який вкладає один раз і назавжди.

Завдання, яке ми сформулювали: не продавати — довести. Сайт повинен ціною кожного інтервалу й кожного слова сигналізувати про надійність і серйозність намірів. Ніяких «забронювати зараз», ніяких таймерів зворотного відліку. Тільки архітектура, атмосфера й контакт.

Шість тижнів від брифу до запуску першої версії з усіма трьома об'єктами.

Клієнт
Kodra Invest
Локація
Карпати · Україна
Рік
2025
Роль
Brand · UX · UI · Frontend
Відкрити живий сайт kodrainvest.netlify.app
02 · Підхід

Архітектура тиші

Ринок нерухомості забитий сайтами з великими кнопками «купити», 3D-турами та спливаючими вікнами з «акціями». Ми зробили протилежне: сайт-монографію, де кожен об'єкт розповідається як окрема архітектурна історія — з концепцією, матеріалами й поверховістю, але без агресивного call-to-action.

Навігаційна структура будувалася навколо питання потенційного інвестора: «Що я отримаю і чому саме тут?» Три об'єкти — три різні характери. HATA — родинне, GEMINI — парне, TOWER — вертикальне. Кожен має власний розворот із ключовою метафорою.

01

Один об'єкт — одна метафора

HATA, GEMINI, TOWER: кожен розворот будується навколо одного образу, без зайвого тексту й ілюстрацій.

02

Без таймерів і тиску

Жодних «лишилось N місць» і «акція до кінця тижня». Довіра будується тишею та ясністю, а не терміновістю.

03

Форма — як діалог

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

04

Фотографія як головний аргумент

Реальні фото вечірніх фасадів і лісових краєвидів замість рендерів. Атмосфера переконує краще, ніж специфікації.

03 · Дизайн-система

Ліс як палітра

Кольорова система побудована навколо карпатського ландшафту: темно-смерековий фон (#0D1408) як основа, тепла береста (#F5F2EC) для тексту, акцент — мохово-зелений (#6B8A3A) для виділення. Жодних корпоративних синіх або агресивних жовтих.

Типографіка: строгий капітельний гротеск для заголовків і назв об'єктів, класичний серіф для описових блоків. Контраст між геометрією й теплом — та сама напруга, що є в самій архітектурі проєкту.

Філософія проєкту

Архітектура з характером

Палітра
#0D1408
#1E2B18
#6B8A3A
#C8B89A
#F5F2EC
Типографіка

Aa

Space Grotesk · Display / Inter · Body

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

04 · Стек

Простий.
Надійний.

Сайт зібраний на чистому HTML/CSS/JS — без фреймворків і CMS. Контент рідко змінюється, але має жити роками без технічного обслуговування. Анімація — GSAP з плавним скролом через Lenis. Хостинг — Netlify з автодеплоєм.

HTML5 CSS · Custom Properties Vanilla JS · ES Modules GSAP · ScrollTrigger Lenis Smooth Scroll Netlify · Edge CDN
05 · Імпакт

Перші результати

0 Об'єкти в портфоліо на старті
0тижнів Від брифу до запуску
0/100 Lighthouse Performance

Запити від потенційних інвесторів почали надходити ще до офіційного анонсу проєкту — через «прямий пошук» після перших публікацій у соцмережах. Сайт став головним інструментом первинного скринінгу: лише серйозні заявки.

Ми хотіли, щоб сайт виглядав дорожче, ніж сам проєкт коштує. Вийшло навпаки — він переконав нас, що проєкт вартий ще більше.
Засновники · Kodra Invest Девелоперський проєкт · Карпати

Хочеш такий же результат для свого бізнесу? Дивись послугу «Корпоративний сайт» →

Готові почати?

Маєш ідею? Поговорімо.