> Для AI-агентів: це Markdown-версія сторінки https://figmatica.com/uk/cases/one-right-eye. Повний індекс сайту Figmatica для LLM: https://figmatica.com/llms.txt

# One Right Eye: Як офтальмологічний стартап пояснює свій продукт одним 3D-оком

- Рік: 2024
- Галузь: Медицина
- Послуги: UX-дослідження, Веб-дизайн, Брендинг, Розробка на Webflow, 3D і моушн
- Результат: Запуск, Перший сайт
- Стадія: Стартап

## Задача

One Right Eye це австрійський офтальмологічний стартап: 3D-модель ока на основі AI, з якою лікарям простіше пояснювати пацієнтам хвороби й процедури. Співзасновник, офтальмохірург доктор Йоос Меєр, шукав команду, яка візьме на себе їхній перший сайт. Сайт мав запустити продукт і водночас бути зрозумілим оптометристам, офтальмологам і клінікам.

## Рішення

Продукт візуальний, тож сайт його показує. Головним героєм стала сама 3D-модель ока, яка обертається й розкривається від секції до секції. Спершу ми провели інтервʼю, проаналізували конкурентів і описали портрети користувачів: лікарів, техніків і адміністраторів клінік. Далі були вайрфрейми, UI і дизайн-система. Глибокий фіолетовий, мʼякі сірі й чіткий, але теплий гротеск дають медичний тон без холоду.

## Результати

Бренд і сайт на Webflow з нуля у 2024 році: сторінки для кожної спеціальності, тарифи й реєстрація, мобільна версія, 3D-анімація ока, шаблони для соцмереж і поліграфія. Дослідження, дизайн, 3D і розробку зробила одна команда, сайт працює на onerighteye.com.

## Коментарі арт-директора

- **Головний герой це сам продукт.** One Right Eye продає 3D-модель ока, і жодне стокове фото не пояснить її краще за саму модель. Ключову анімацію ми побудували навколо ока, яке обертається й розкривається шар за шаром, так само як лікар показує його пацієнтові.
- **Почати з проблеми пацієнта.** Головна фраза «Пацієнти не просто слухають, їм треба побачити, щоб зрозуміти» відкриває сторінку ще до переліку функцій. Лікар спершу впізнає свою щоденну боротьбу з плакатами й пластиковими муляжами і тільки потім знайомиться з продуктом.
- **Окремий вхід для кожної спеціальності.** Оптометристи, офтальмологи, ортоптисти й дослідники використовують модель по-різному. Тому замість однієї загальної презентації кожна група має свій вхід і свою сторінку, і перший екран, який вони бачать, розповідає про їхню роботу.
- **Точний шрифт, теплі кольори.** Founders Grotesk робить медичні тексти точними, але не сухими. Палітра йде від графітового й мʼякого сірого для тексту до глибокого фіолетового, лавандового й пудрово-рожевого для бренду. Таких кольорів не побачиш у лікарняному коридорі.

## Посилання

- [Сайт](https://www.onerighteye.com/)
- [Behance](https://www.behance.net/gallery/224310189/One-Right-Eye-Medtech-Optometry-UIUX-Website-Design)

## Часті питання

### Як зробити дизайн сайту для медтех-стартапу?

Почати з людей, які користуватимуться продуктом. Для One Right Eye ми ще до першого екрана поговорили з користувачами, проаналізували конкурентів і описали портрети лікарів, техніків і адміністраторів клінік. Сайт відкривається проблемою пацієнта й показує продукт у дії. Коли таку саму роботу потребують екрани й сценарії самого продукту: [продуктовий дизайн для SaaS-стартапів](https://figmatica.com/uk/services/product-design).

### Як показати складний медичний продукт на сайті?

Дати продукту показати себе. One Right Eye це 3D-модель ока, тож головним героєм стала сама модель: вона анімована шар за шаром і показана на моніторі в клініці, ноутбуці й телефоні. Відвідувач розуміє, що вона робить, ще до того, як прочитає текст.

### Як на одному сайті звернутися до різних медичних аудиторій?

Дати кожній аудиторії свій вхід. На сайті One Right Eye є окремі розділи для оптометрії, офтальмології, ортоптики й дослідників, кожен зі своєю сторінкою. І власник клініки, і дослідник потрапляють на текст, написаний саме для них.

### Яким має бути медичний бренд, щоб йому довіряли?

Чітким і спокійним, але не холодним. Для One Right Eye ми обрали Founders Grotesk, бо він водночас точний і теплий, а палітру зібрали від графітового й мʼякого сірого до глибокого фіолетового й пудрово-рожевого. Бренд виглядає медичним, але не лікарняним.

### Скільки часу триває дизайн першого сайту для стартапу?

Для One Right Eye дизайн зайняв близько шести з половиною тижнів: тиждень UX-досліджень, тиждень на портрети користувачів, півтора тижні на вайрфрейми, два тижні на UI і тиждень на дизайн-систему. Потім та сама команда зробила сайт на Webflow, 3D-анімацію й фірмові матеріали. Від платформи залежить, скільки команда потім зможе змінювати сама: [як Webflow порівнюється з WordPress](https://figmatica.com/uk/compare/webflow-vs-wordpress).