ENПочати проєкт
Fovea logo
Кейс · Медицина06 / 46

Fovea

Fovea — невелика клініка лазерної корекції зору в 7-му районі Відня. Сайт розказано очима пацієнта: розмитий ранок за ноутбуком, сайт клініки, зелений вогник лазера і наступний ранок без окулярів.

Проєкт
Fovea
Галузь
Медицина · лазерна корекція зору
Обсяг робіт
Вебдизайн · Розробка · Анімація
Технології
HTML · CSS · WebGL · AI-відео
Рік
2026
Fovea — Сайт для клініки лазерної корекції зору у Відні: починається як фільм від першої особи, пірнає в екран ноутбука і виходить під лазером.
Огляд

Скролиш у екран — і виходиш з іншого боку.

Завдання

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

Що ми зробили

Сторінка відкривається кадром від першої особи за столом у Відні, розмитим на −4.25. Скрол засуває камеру в ноутбук, і екран стає справжнім сайтом на всю ширину, чітким. Кільце Fovea на кроці запису розростається в кільце ламп лазера, і ти лежиш під ним, дивлячись на зелений вогник, поки кроки відраховують 26 секунд. Біла вспишка — і наступний ранок: рука за звичкою тягнеться до окулярів, зупиняється, і ти йдеш до вікна, а за ним чіткий собор Святого Стефана. AI-відео від першої особи, яке гортається скролом, і живий сайт, вирізаний у кадр через WebGL.

Сайт наживо

Гортай сайт прямо в рамці або відкрий на весь екран.

Перший екран

Головна · Десктоп 1440
Fovea: перший екран головної сторінки

Сторінка повністю

Один довгий скрол, поділений на три колонки — згори донизу, зліва направо.

Fovea: сторінка повністю, частина 1 з 3
Fovea: сторінка повністю, частина 2 з 3
Fovea: сторінка повністю, частина 3 з 3

Деталі

Fovea: Камера пірнає в ноутбук, і сайт займає весь екран
Камера пірнає в ноутбук, і сайт займає весь екранВ екран
Fovea: Кільце Fovea відкривається в кільце ламп лазера
Кільце Fovea відкривається в кільце ламп лазераМонтажна склейка
Fovea: Під лазером, крок за кроком
Під лазером, крок за крокомДень операції
Fovea: Наступного ранку — чіткий вигляд на собор
Наступного ранку — чіткий вигляд на соборФінал

Колір і шрифти

Палітра — з файлу проєкту

  • Paper#F3F4F1
  • Ink#0D1320
  • Cobalt#2337E6
  • Fog#E7E9E5
  • Slate#5E6571

Шрифти

AaMona SansТитри й заголовки в широких накресленнях
0.63Reddit MonoМітки, таймери й дрібні дані
Наступний кейс

Swath

Swath — Лендінг для сервісу моніторингу посівів: супутник читає поля, фермер бачить, де культура відстає, і того ж дня отримує файл для обприскувача.
Почати проєкт

Час запускати.

Надішліть короткий бриф або посилання на ваш поточний сайт. Ви отримаєте чіткий план, терміни й вартість — без обов’язкових дзвінків.

  • Відповідь протягом одного робочого дня
  • Дизайн, розробка і запуск — одна команда
  • Тиждень підтримки після запуску включено

Бриф проєкту

Займе ~2 хв
Що вам потрібно?
Бюджет

Зручніше в месенджері?Написати в Telegram@web_raw

Бриф проєкту

Займе ~2 хв
Що вам потрібно?
Бюджет

Зручніше в месенджері?Написати в Telegram@web_raw