РЕАЛІЗОВАНИЙ ПРОЄКТAI CREATIVE STUDIO

YEVAI.DEV

Авторський проєкт — ШІ-креативна студія та двомовна комерційна платформа-портфоліо.

STRATEGY / ART DIRECTION / UX/UI / DEVELOPMENT / CONTENT

САЙТ ПРАЦЮЄ

Головна сторінка YevAI.dev

YevAI.dev

ШІ / креативне виробництво

Сайт-портфоліо

Стратегія / артдирекшн / UX/UI / розробка / контент

UA / EN

2026

01 / КОНТЕКСТ

YevAI.dev створено з нуля як окрему цифрову платформу для розвитку напряму креативного виробництва з використанням ШІ.

Сайт мав сформувати повноцінну присутність в інтернеті та показати, що це не набір окремих експериментів із ШІ, а системна комерційна робота з брендами.

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

Головна сторінка YevAI.dev — ШІ-креативна студія
02 / ЗАВДАННЯ

Перетворити окремий творчий напрям на зрозумілу цифрову присутність із чіткою комерційною логікою.

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

01

ПОЗИЦІОНУВАННЯ

Пояснити, чим є YevAI.dev і яку роль ШІ відіграє у професійному креативному виробництві.

02

ПОРТФОЛІО

Дати роботам достатньо простору й показати завершені проєкти та кейси, а не окремі фрагменти робіт.

03

ПОСЛУГИ

Розділити пропозицію на зрозумілі формати та відкрито показати стартові ціни.

04

ЗВЕРНЕННЯ

Побудувати простий шлях від перегляду робіт і послуг до обговорення нового проєкту.

03 / СТРУКТУРА

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

Головна сторінка стисло представляє YevAI.dev, а окремі сторінки послуг дають потрібні деталі користувачеві, який уже розглядає конкретний формат співпраці.

YEVAI.DEV

HOME

  • HERO
  • SELECTED WORK
    • PALAMARENKO CLINIC
    • ВЕЗЕБУС
    • MIRA
  • SERVICES
    • AI COMMERCIAL
    • VISUAL CAMPAIGN
    • CREATIVE DIRECTION
  • ABOUT
  • NEW PROJECT

SERVICE PAGE

  • INTRO
  • APPROACH
  • WHAT'S INCLUDED
  • PROCESS
  • WHEN IT FITS
  • PRICING
  • CONTACT CTA
04 / АРТДИРЕКШН

Інтерфейс не конкурує з відео та зображеннями, а допомагає зосередитися на роботах.

Темне тло, контрастна типографіка та стримані елементи керування об’єднують різні проєкти в цілісне портфоліо.

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

Презентація проєкту MIRA на YevAI.dev
Головний екран YevAI.dev
  • 01КОНТЕНТ ПЕРЕДУСІМ
  • 02ВИСОКИЙ КОНТРАСТ
  • 03РЕДАКЦІЙНА СТРУКТУРА
  • 04КІНЕМАТОГРАФІЧНА ПОДАЧА
  • 05СТРИМАНИЙ ІНТЕРФЕЙС
05 / ДИЗАЙН-СИСТЕМА

Система інтерфейсу достатньо нейтральна, щоб підтримувати візуально різні проєкти, і водночас достатньо виразна, щоб YevAI.dev сприймався як цілісна платформа.

01 / TYPE
Aa

DISPLAY800 / −6.5% / .92

BODY400 / 1.65–1.85

UTILITY600–700 / TRACKED

02 / COLOR
INK#0E1218
CREAM#F1E2D0
COPPER#B98263
PANEL#121820
03 / UI
04 / GRID / SPACING

Схематичне представлення компонування та відступів.

06 / ВЗАЄМОДІЯ

Реакції кнопок, посилань і рядків послуг допомагають розпізнавати інтерактивні елементи.

У цьому розділі показано реальні стани інтерфейсу YevAI.dev.

01 / РЕАКЦІЯ РЯДКА ПОСЛУГИРЯДОК / 250МС · СТРІЛКА / 300МС
Список послуг YevAI.dev у звичайному стані
ЗВИЧАЙНИЙ СТАН
Перший рядок послуг YevAI.dev під час наведення
ПРИ НАВЕДЕННІ
02 / РЕАКЦІЯ КНОПКИВІДТВОРЕНИЙ КОМПОНЕНТКОЛІР + РУХ / 420МС · ЗАПОВНЕННЯ / 600МС
ЗВИЧАЙНИЙ СТАН
ПРИ НАВЕДЕННІ
07 / АДАПТИВ

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

Роботи, послуги й перехід до контакту залишаються основою сторінки.

DESKTOP / PRODUCTION
Розділ обраних робіт YevAI.dev на комп’ютері
MOBILE / HOMEPAGE
Головна сторінка YevAI.dev на мобільному екрані
MOBILE / NAVIGATION
Повноекранне мобільне меню YevAI.dev
08 / ОБРАНІ ЕКРАНИ
09 / РЕЗУЛЬТАТ

YevAI.dev запущено як двомовний сайт, що об’єднує портфоліо, сторінки послуг, стартові ціни та можливість звернутися щодо нового проєкту.

Сайт створено з нуля: від позиціонування та структури до дизайну, розробки й наповнення.

Результатом є працюючий сайт.

01UA + EN

ДВОМОВНИЙ САЙТ

023

ОСНОВНІ НАПРЯМИ ПОСЛУГ

03ПОРТФОЛІО

ПОДАЧА ЧЕРЕЗ ПРОЄКТИ

04LIVE

ОПУБЛІКОВАНИЙ САЙТ

НАСТУПНИЙ ПРОЄКТAI COMMERCIAL BLUEPRINT→

МАЄТЕЩОСЬНА ДУМЦІ?

Розкажіть, що ви створюєте. Ми відповімо правильними питаннями та практичним наступним кроком.

КИЇВ / УКРАЇНАПРАЦЮЄМО ПО ВСЬОМУ СВІТУbyhover.studio@gmail.com

Використовуємо дані з форми лише для розгляду звернення та відповіді на нього.

Політика конфіденційності ↗