SEOK · Арт-дирекшн

Флагман-лендінг.
Сам сайт — доказ нашого рівня.

Вітрина студії для платного трафіку. Клієнт без сайту дивиться — і думає «хочу собі ТАК». Нижче — три візуальні напрямки на вибір. Один WOW для всіх: інтерактивний генератор концепту в hero.

Ціль: лід-ген розробки
ЦА: бізнес без сайту
Офер: безкоштовний концепт + прорахунок
Стек: Next + R3F + Payload

Емоція

«Дорого виглядає — і мені не страшно». Преміально, впевнено, без тиску.

WOW (спільний)

Hero-генератор концепту: обрав нішу → 3D перебудовується → CTA на безкоштовний концепт.

Рамка швидкості

3D через шейдери / low-poly, lazy-hydration, постер для LCP < 2.5s. Платний трафік не терпить гальм.

Спадок

Від старого сайту лишається тільки логотип SEOK. Стилістика — з чистого аркуша.

A

OBSIDIAN

темний · кінематографічний · преміум-tech
Палітра
#0A0C12
#11141C
#1C2230
#3B82F6
#7FB0FF
#EAF0FB
Сигнатурний 3D

Low-poly кристал у hero, що огранюється під нішу: обрав «магазин» — грані стають вітриною-сіткою; «послуги» — гладшають у монолітну форму. Реакція на курсор, заломлення світла #3B82F6. Дешевий по вазі (геометрія + шейдер), не GLTF.

Типографіка
Дисплей Clash Display · Текст Satoshi
Сайт, що приводить клієнтів
Преміальний геометричний гротеск
Покажемо безкоштовно, як виглядатиме ваш сайт — концепт головної та прорахунок під ваш бізнес. Платите, тільки коли все влаштовує.
Референси — чому
  • linear.appТемний преміум-tech, де світло = акцент. Еталон стриманої дорожнечі.
  • cuberto.comКінематографічні переходи + важка типографіка на темному.
  • igloo.incLow-poly 3D як герой, при цьому швидко — наш орієнтир по вазі.
  • framer.comHero з інтерактивом, що веде до дії — модель «досвід → CTA».
B

BLUEPRINT EDITORIAL

світлий · редакторський · brutal-grid
Палітра
#F4EFE6
#ECE5D8
#1A1712
#1F4FD6
#C2502A
#FFFFFF
Сигнатурний 3D

3D-креслення сайту, що добудовує себе: лінії, осі й вузли «розкреслюють» макет майбутнього сайту відвідувача в реальному часі під обрану нішу — як архітектурне blueprint оживає в об'ємі. Легка wireframe-геометрія = мінімум ваги.

Типографіка
Дисплей Fraunces · Текст Switzer
Сайт, що приводить клієнтів
Контрастний variable-serif + чистий гротеск
Покажемо безкоштовно, як виглядатиме ваш сайт — концепт головної та прорахунок під ваш бізнес. Платите, тільки коли все влаштовує.
Референси — чому
C

AURORA

дофаміновий · рідкий 3D · нічний
Палітра
#07060F
#7C3AED
#EC4899
#22D3EE
#3B82F6
#F3F0FF
Сигнатурний 3D

Metaball-субстанція, що застигає у форму ніші: рідка енергія перетікає й кристалізується в силует майбутнього сайту, щойно відвідувач обирає сферу. Шейдер на raymarching — важкий ефект візуально, легкий по вазі. Потребує найбільшої дисципліни під мобайл.

Типографіка
Дисплей Syne · Текст Onest
Сайт, що приводить клієнтів
Характерний дисплей + нейтральний UI-гротеск
Покажемо безкоштовно, як виглядатиме ваш сайт — концепт головної та прорахунок під ваш бізнес. Платите, тільки коли все влаштовує.
Референси — чому
Рекомендація арт-директора

Базуємось на A · OBSIDIAN

Беремо OBSIDIAN як основу — він найточніше під цю ЦА й офер і найдешевший по вазі під ціль LCP < 2.5s. Додаємо один світлий editorial-розрив від B (секція-«видих» з гучною Fraunces-типографікою — напр. блок «як працюємо» чи кейси), щоб лендінг не був монотонно-темним і запам'ятовувався. AURORA тримаємо в резерві — якщо захочемо максимально дофамінову версію під A/B-тест реклами.

Під ЦА

Бізнес без сайту боїться платити наосліп — темний преміум-tech читається як «серйозно й надійно», не як ярмарок.

Під швидкість

Кристал = геометрія + шейдер, кілобайти. Реально утримати LCP < 2.5s на платному трафіку, де гальма = дорожчий клік.

Під бренд

Еволюція канону SEOK (чорне+#3B82F6+біле), а не розрив. Логотип лягає природно, спадковість збережена.