Elvinix: сайт биотех-компании, которая восстанавливает бета-клетки при диабете 1 типа
Преклиническая биотех-компания из США разрабатывает терапию, которая восстанавливает собственные бета-клетки при диабете 1 типа. Её сайт читают инвесторы, учёные и партнёры-фармкомпании, поэтому он сделан как научный журнал, а не как стартап-лендинг: спокойная типографика, акварельные клетки вместо стоковых пробирок и живой фон, который медленно дышит под текстом.
Elvinix — преклиническая биофарма: компания разрабатывает пептидную комбинированную терапию, которая должна восстановить массу бета-клеток и защитить их от повторной атаки иммунитета. В основе — тридцать лет исследований Алекса Рабиновича и эксклюзивная лицензия Zealand Pharma.
Сайт нужен не пациентам, а инвесторам, учёным и фармпартнёрам. Им важно быстро понять, в чём подход, на какой стадии программа и кто стоит за компанией, — и при этом не увидеть громких обещаний, которых биотех на преклинической стадии давать не вправе. Тексты клиент вычитывал вместе с научной командой, формулировки правились по каждому заявлению.
Визуально задача была уйти от привычного «синего биотеха» со стоковыми молекулами. Клиент хотел ощущение пигмента в воде: светлая бумага, полупрозрачные акварельные клетки, мягкое движение без техно и игровых эффектов.
8
страниц: от болезни и подхода до команды и новостей
14
человек в команде — с фото и полными биографиями
92
балла Lighthouse на телефоне, доступность и SEO — по 100
0
стоковых картинок: вся наука нарисована акварелью
Как шла работа
10 рабочих дней
по КП на новую редакцию — семь разделов вместо одной длинной страницы
Структура и навигация
Семь разделов, маршруты, меню, мета-теги и редиректы со старой версии
Главная
Заголовок, видеопанель, карточка ведущей программы, шаги Restore → Protect
Disease и Science
Таблица подходов к лечению, график стадий болезни, публикации
Company и Team
История компании, 14 человек с фото и биографиями
Our Approach
Диаграмма программы: два кандидата по пяти стадиям разработки
News и Contact
Лента новостей, «в медиа», контакты по направлениям
Запуск
Сервер клиента, проверка на телефонах, передача доступов
Срок в рабочих днях
Первый экран: научный журнал, а не стартап
Заголовок «Restoring β-cells. Redefining type 1 diabetes.» набран антиквой, как на обложке научного журнала, а под ним — широкая видеопанель с акварельными клетками, которые медленно плывут в воде. Никаких градиентов и неоновых молекул: светлая бумага, один фирменный синий и много воздуха.
За текстом всей страницы — бледные контуры клеток, которые дрейфуют сами по себе. Это один canvas на всю страницу, а не фон каждого блока, поэтому фигуры нигде не обрезаются на стыке секций.
Программа за минуту: карточка, шаги, тридцать лет науки
Ниже первого экрана — то, что инвестор ищет первым: карточка ведущей программы. Что это за терапия, на какой стадии разработки, какая цель и на какой платформе — четыре строки моноширинных подписей в светло-синей рамке.
Следом подход в двух шагах — Restore mass и Protect, каждый со своей акварельной иллюстрацией, — и блок «Thirty years of research» о научном фундаменте компании. Каждый раздел заканчивается кнопкой на свою страницу: главная работает как оглавление сайта.
Our Approach: диаграмма программы вместо обещаний
Страница подхода объясняет логику терапии по шагам: от комплементарной биологии к платформе, затем — что нужно для устойчивого восстановления: вернуть достаточно бета-клеток и защитить их от новой атаки.
Главное здесь — диаграмма программы: два кандидата по пяти стадиям, от discovery до второй фазы, с заполненными, текущими и запланированными отрезками. Сроки и дизайн исследований на сайте не публикуются — подпись честно говорит, что они раскрываются квалифицированным инвесторам под NDA.
Два кандидата × пять стадий разработки
На телефоне диаграмма листается вбок, с подсказкой
Фон страницы — пептидные ленты вместо клеток
Три уровня валидации карточками
Disease: болезнь и подходы к ней — таблицей
Раздел о болезни начинается с акварельного шприца и инсулина: так выглядит сегодняшнее лечение. Дальше — как диабет 1 типа развивается от иммунной атаки до зависимости от инсулина, и сравнительная таблица подходов: заместительная терапия, иммунотерапия, пересадка клеток и эндогенное восстановление.
У каждого подхода — что он решает и где его ограничение. Последней строкой стоит эндогенное восстановление — подход Elvinix, и читатель приходит к нему сам, без рекламных формулировок.
Акварель вместо стока
Научные схемы клиента были нарисованы в BioRender — точные, но чужие по стилю. Мы перерисовали их в одну акварельную манеру: островки бета-клеток, шаги Restore → Recover → Protect, иконки подходов, каплю с клетками. Каждую картинку генерировали с опорой на кадр видеопанели сайта, поэтому палитра и фактура бумаги совпадают.
Потом все картинки прогнали через одну нормализацию: баланс белого по краю кадра, обрезка по содержимому, одинаковый масштаб. Без неё иконки выходили разного размера и с разным оттенком бумаги.
1
референс стиля на все иллюстрации — кадр видеопанели
2
живых фона: клетки и пептидные ленты
14
логотипов партнёров и институтов
Team: четырнадцать человек с полными биографиями
Для биотеха команда — главный аргумент, поэтому у каждого из четырнадцати человек — чёрно-белый портрет, должность и полная биография, а не строчка. Команда разбита на три группы: руководство, научный фундамент и совет директоров, научные и клинические советники.
Телефон: та же журнальная подача
На телефоне заголовки остаются крупными, диаграмма программы листается вбок с подсказкой «swipe to see later stages», а меню открывается на весь экран — семь пунктов с номерами, почта и кнопка «Request a conversation».
Админка: новости и команда без разработчика
Анимация не мешает скорости
Живой фон, видео и акварель — и при этом страница почти не нагружает процессор: фоны рисуются на одном canvas, а тяжёлое не мешает первому экрану.
0
Производительность
0
Доступность
0
Практики
0
SEO
- First Contentful Paint
- 1,4 с
- Largest Contentful Paint
- 2,6 с
- Total Blocking Time
- 10 мс
- Cumulative Layout Shift
- 0
- Speed Index
- 5,7 с
Next.js 15
Canvas 2D — фоны клеток и пептидов
Lenis
SQLite (админка)
Nano Banana (акварельные иллюстрации)
nginx и PM2 на сервере клиента
Спрашивают чаще всего
Можно ли сделать сайт биотех-компании без стоковых картинок?
Да, Elvinix как раз такой: все научные иллюстрации — клетки, шаги терапии, иконки подходов — сгенерированы в одной акварельной манере по референсу самого сайта и выровнены по цвету и масштабу. Схемы при этом остаются научно точными: их сверяли с исходниками клиента.
Как писать сайт компании на преклинической стадии, чтобы не обещать лишнего?
Говорить о подходе и стадии, а не о результате лечения. На сайте Elvinix каждое заявление вычитано научной командой, а сроки и дизайн исследований не публикуются — подпись прямо говорит, что они раскрываются инвесторам под NDA.
Делаете ли вы сайты на английском для компаний из США?
Да. Elvinix — американская компания, сайт целиком на английском и стоит на её собственном сервере. Мы работали по текстам клиента и вносили правки научной команды по каждому разделу.
Сколько стоит такой сайт?
Зависит от числа разделов и того, нужны ли свои иллюстрации, живые фоны и админка. Новая редакция Elvinix — семь разделов на готовой дизайн-системе — заняла десять рабочих дней. Напишите — посчитаем вашу задачу.
Живые сайты, а не картинки в презентации
Команда Reut
сегодня
Здравствуйте! Нужен сайт для компании
есть примеры, что нравится
с чего начнём?
Здравствуйте! Пришлём бриф под вашу нишу
а по ответам — КП со сроками и сметой
Начнем обсуждение вашего лучшего проекта?
Подписаться на рассылку
Согласен получать письма о новых работах и статьях и на обработку персональных данных
Reut Art
© 2026 Reut · reut.art
ИП Реут Артём Юрьевич · ИНН 910402081314 · ОГРНИП 320911200026247