Київ · Подил · 50.46° N --:-- · EEST
Іммерсивні веб-досвіди · з 2021

Ми не робимо сайти. Ми будуємо моменти.

Дизайн-студія, що склеює бренд із WebGL, кінематографічним скроллом і шрифтовою системою. Працюємо з мистецтвом, fintech, технологіями.

Дивитись роботи
0проєктів
0awards
0людей
play · перетягуй

Кидайте кулі. Поштовх, обертання, гравітація. Реальна фізика у браузері.

⌘ перетягни мишею / повторно — нові кулі
маніфест

Кожен сайт — це сцена. Реквізит, світло, ритм. Ми пишемо її для одного бренду і одного відвідувача.

обрані роботи · 2024–2026

Шість років. Шість підходів до того, як веб може звучати.

Лендинг fintech-платформи з 3D-сценою руху капіталу. Кастомний шейдер дисторсії, scroll-керована камера.

  • Three.js
  • GLSL
  • Brand

Кінематографічний промо-сайт кіностудії. Pinned scroll-сторітелінг, синхронізовані аудіо-ритми.

  • Pinned scroll
  • Lottie
  • Audio

Корпоративний портал міжнародної архітектурної компанії. Інтерактивна карта проєктів, lazy 3D-precincts.

  • Mapbox GL
  • SSR
  • i18n

AI-стартап з генеративним хіро. Шейдер реагує на ввід користувача — кожен брифінг малює власну фігуру.

  • Custom shader
  • Real-time
  • SaaS

Інтерактивний журнал про сучасну українську літературу. Сторінки-сцени, кожна з власним ритмом.

  • CMS
  • SVG art
  • Print-quality

Бренд-сайт флористичної студії з повільною кінематографією. Знятий на 35-міліметрову плівку.

  • Brand
  • Editorial
  • Print
01 / 06
дисципліни

Чотири мови, якими ми розмовляємо з вашим брендом.

  1. 01

    Brand & Strategy

    Архітектура повідомлення, голос, типографічна система, маніфест. Ми починаємо не з кольорів — з історії.

    • Brand voice
    • Type systems
    • Manifesto writing
  2. 02

    Design Direction

    Art-direction для веб-сцени: композиція, ритм, контраст, мікро-моменти. Дизайн, який бачать ще до того, як прочитають.

    • UI direction
    • Photography
    • Editorial layout
  3. 03

    WebGL & 3D

    Шейдери, частинки, інтерактивна геометрія. Three.js, GLSL, OGL. 3D-сцени, що працюють із FPS, не з демо.

    • Three.js / OGL
    • Custom GLSL
    • Scroll choreography
  4. 04

    Engineering

    SvelteKit, Next.js, headless CMS, edge-рендеринг. Performance як частина дизайну — Lighthouse 95+.

    • SvelteKit / Next
    • Sanity / Strapi
    • Edge runtime
spotlight · q3 ‘26

Беремо чотири проєкти на квартал.
Один — мав би бути ваш.

Якщо ви маєте чітке уявлення про бренд і не маєте чіткого уявлення про сайт — це ідеальна стартова точка для розмови.

Як ми працюємо
процес

Шість тижнів. Один цикл. Жодного сюрпризу.

01
тиждень 1

Брифінг

  1. i
    тиждень 1

    Брифінг і дослідження

    Два дзвінки. Конкуренти. Аудиторія. Контентний бриф. Виходимо з цього з 5-сторінковим документом, що ми зробимо і чого не зробимо.

  2. ii
    тижні 2–3

    Концепт і прототип

    Дві концептуальні дошки. Типографічна система. Перші макети ключових екранів. Прототип хіро у браузері — не в Figma.

  3. iii
    тижні 3–4

    Дизайн і моушн

    Повна сторінкова система. Анімаційний моушн-довідник. Аудит читабельності, доступності, мобільний-перший пасс.

  4. iv
    тижні 4–5

    Інженерія

    Розробка фронтенду. WebGL-сцени. CMS-інтеграція. Поетапні дев-преглядки кожні 3 дні.

  5. v
    тиждень 6

    Полірування і запуск

    QA, performance-аудит, SEO, аналітика, передача. Ми залишаємось ще на 30 днів для post-launch підтримки.

довіряли
команда

Дев'ятеро. Тільки людьми.

Ми не аутсорсимо ні дизайну, ні фронту. Кожен на сайті писав хоча б один рядок шейдера.

контакт

Маєте бренд, який заслуговує на сцену?
Розкажіть нам про нього.

Ми відповідаємо в Telegram упродовж дня. Беремо 4 проєкти на квартал. Перший дзвінок — 40 хвилин, без зобов'язань. Бриф або pdf-презентацію можна одразу прикріпити.

студія

вул. Спаська 8А, ст. 4
Київ, Подил
10:00 — 19:00

контакт

@prizma_studio
hi at prizma-studio.com
+380 (98) 224-11-08

бюджет

від 12 000 €
проєкти ~6–10 тижнів
підтримка 30 днів

PRIZMA · studio

Спаська 8А
Подил, Київ