VITON13MEDICINE: концепт сайта вымышленной биотех-компании, которая ищет лекарства с ИИ

VITON¹³ сделал этот концепт, чтобы показать, как студия подаёт научную компанию: вымышленный биотех, который с помощью ИИ ищет кандидатов в лекарства, с ИИ-командой в Лиссабоне и лабораторией в Базеле. Сайт должен был объяснить читателю, знающему отрасль, две технологические платформы, исследовательский пайплайн, вакансии и блог — и ничего при этом не преувеличить.

Медицина повышает требования к тексту. Все программы на сайте вымышленные и доклинические, и ни одна фраза не должна читаться как обещание пользы для здоровья или эффективности. Поэтому сайту нужна была ясная пометка: компания вымышленная, и ничто на сайте не является медицинской консультацией.

11 страниц: главная, платформы, пайплайн, о компании, карьера, блог, шаблон статьи, контакты, политика конфиденциальности, условия и 404. Главная открывается 3D-молекулой на canvas, которую посетитель может вращать мышью; ниже — таймлайн истории из шести вех с 1928 по 2024 год и счётчик инвесторов.

Страница платформ описывает две вымышленные платформы — для малых молекул и для белковых препаратов: у каждой проблема, решение и цикл «спроектировать — синтезировать — испытать — учесть результат». В пайплайне пять доклинических программ в таблице, где полосы прогресса проходят через пять этапов открытия. На странице карьеры шесть вакансий в аккордеоне, а форма отклика открывается с уже выбранной вакансией. В блоге четыре статьи с фильтром по рубрикам и страницами статей, в контактах — форма обращения. В подвале каждой страницы написано, что компания вымышленная и сайт не является медицинской консультацией.

Первое, что видит посетитель, — молекула: если её потянуть, она продолжает вращаться по инерции, наклоняется к курсору и сама подстраивает камеру, чтобы оставаться в кадре. Ниже таймлайн закрепляется на экране и едет вбок, а спираль ДНК дорисовывается в такт прокрутке; на телефоне он превращается в вертикальный список. Основной путь: платформы → пайплайн → статья блога.

Заголовки поднимаются строка за строкой, изображения открываются через clip-path и сдвигаются с параллаксом, страницы сменяются за шторкой, а собственный курсор показывает подписи Drag, Read и Next. Внутри — обычные HTML, CSS и JavaScript без сборки: шапку, подвал и оверлеи рисует один общий скрипт, поэтому на всех страницах они одинаковы; движение и прокрутку ведут GSAP со ScrollTrigger и Lenis, а молекула и спираль нарисованы на canvas без 3D-библиотеки. Данные из форм никуда не отправляются.

Концепт существует как 11 рабочих страниц на английском. 22 сентября 2026 года Lighthouse измерил главную: 0,5 МБ за 19 запросов — самая лёгкая главная среди семи концепт-сайтов VITON¹³⁠, измеренных в тот день. С мобильным троттлингом производительность — 75, LCP 4,3 с, CLS 0; на компьютере — 99, LCP 0,6 с, CLS 0,021. «Рекомендации» — 100 на обоих, сторонние видео во время теста не загружались; SEO — тоже 100 на обоих.

Слабое место — доступность: 88 на телефоне и 87 на компьютере, потому что часть текста слишком низкого контраста, а заголовки идут не по порядку. На 10 проверенных страницах (все, кроме 404) у всех 10 уникальный title и один H1, у всех изображений есть alt, битых внутренних ссылок нет.

Это концепт, который VITON¹³ сделал, чтобы показать диапазон, а не заказной проект. Компания, её платформы, программы, инвесторы, люди и адреса вымышлены. У сайта нет домена, посетителей, поискового трафика и продаж; изображения — лицензированные стоковые фото и видео с Unsplash и Pexels.

Программы придуманы и находятся на доклинической стадии; ничто на сайте не говорит о реальных лекарствах и не является медицинской консультацией — сайт сам это сообщает. Оценки Lighthouse — лабораторные замеры главной за один день, а не данные реальных посетителей, а SEO 100 в Lighthouse покрывает только базу: канонических URL, Open Graph, JSON-LD и sitemap.xml пока нет.

Как проверить портфолио веб-студии →