
Концепт сайта вымышленного биотеха, который ищет лекарства с помощью ИИ, — ИИ-команда в Лиссабоне, лаборатория в Базеле: молекула на canvas, таймлайн со спиралью ДНК и главная весом 0,5 МБ.
Обзор
Я сделал этот концепт, чтобы показать, как подаю научную компанию: вымышленный биотех, который с помощью ИИ ищет кандидатов в лекарства, с ИИ-командой в Лиссабоне и лабораторией в Базеле. Сайт должен был объяснить читателю, знающему отрасль, две технологические платформы, исследовательский пайплайн, вакансии и блог — и ничего при этом не преувеличить.
Медицина повышает требования к тексту. Все программы на сайте вымышленные и доклинические, и ни одна фраза не должна читаться как обещание пользы для здоровья или эффективности. Поэтому сайту нужна была ясная пометка: компания вымышленная, и ничто на сайте не является медицинской консультацией.
11
страниц, от главной до 404
Источник: Исходники сайта, 22 сент. 2026
5
вымышленных доклинических программ в пайплайне
Источник: Исходники сайта, 22 сент. 2026
0,5 МБ
вес главной в Lighthouse, 19 запросов
Источник: Lighthouse 13.4, 22 сент. 2026
75 / 99
производительность в Lighthouse: телефон / компьютер
Источник: Lighthouse 13.4, 22 сент. 2026
Подход
11 страниц: главная, платформы, пайплайн, о компании, карьера, блог, шаблон статьи, контакты, политика конфиденциальности, условия и 404. Главная открывается 3D-молекулой на canvas, которую посетитель может вращать мышью; ниже — таймлайн истории из шести вех с 1928 по 2024 год и счётчик инвесторов.
Страница платформ описывает две вымышленные платформы — для малых молекул и для белковых препаратов: у каждой проблема, решение и цикл «спроектировать — синтезировать — испытать — учесть результат». В пайплайне пять доклинических программ в таблице, где полосы прогресса проходят через пять этапов открытия; на странице карьеры шесть вакансий в аккордеоне, в блоге четыре статьи с фильтром по рубрикам. В подвале каждой страницы написано, что компания вымышленная и сайт не является медицинской консультацией.
Если молекулу потянуть, она продолжает вращаться по инерции, наклоняется к курсору и сама подстраивает камеру, чтобы оставаться в кадре. Ниже таймлайн закрепляется на экране и едет вбок, а спираль ДНК дорисовывается в такт прокрутке; на телефоне он превращается в вертикальный список. Внутри — обычные HTML, CSS и JavaScript с GSAP, ScrollTrigger и Lenis, а молекула и спираль нарисованы на canvas без 3D-библиотеки.
Галерея
Результаты
Концепт — это 11 рабочих страниц на английском. 22 сентября 2026 года Lighthouse измерил главную: 0,5 МБ за 19 запросов — самая лёгкая главная среди семи концепт-сайтов. В мобильном режиме с замедлением производительность — 75, LCP 4,3 с, CLS 0; на компьютере — 99, LCP 0,6 с, CLS 0,021. «Рекомендации» — 100 на обоих, сторонние видео во время теста не загружались; SEO — тоже 100 на обоих.
Слабое место — доступность: 88 на телефоне и 87 на компьютере, потому что часть текста слишком низкого контраста, а заголовки идут не по порядку. На 10 проверенных страницах (все, кроме 404) у всех 10 уникальный title и один H1, у всех изображений есть alt, битых внутренних ссылок нет.
SEO-аудит
Lighthouse на главной, 22 сентября 2026 года: SEO 100 и «Рекомендации» 100 на телефоне и компьютере, производительность 75 и 99, доступность 88 и 87. На 10 проверенных страницах title, H1, alt и внутренние ссылки в порядке, но нужной длины только 4/10 title и 6/10 description, а канонических URL, Open Graph, JSON-LD и sitemap.xml нет (0/10): у концепта нет домена.
Lighthouse
Телефон
- Скорость: 75 / 100
- Доступность: 88 / 100
- Рекомендации: 100 / 100
- SEO: 100 / 100
- LCP
- 4,3 с
- CLS
- 0
- TBT
- 0 мс
- Вес
- 0,5 МБ
Компьютер
- Скорость: 99 / 100
- Доступность: 87 / 100
- Рекомендации: 100 / 100
- SEO: 100 / 100
- LCP
- 0,6 с
- CLS
- 0,021
- TBT
- 0 мс
- Вес
- 0,5 МБ
В порядке на 10 проверенных страницах: уникальные title (10/10), один H1 на странице (10/10), язык страницы указан (en), мобильная вёрстка без горизонтального скролла на 390 px, alt у 100% изображений и 0 битых внутренних ссылок. На главной Lighthouse показал LCP 4,3 с на телефоне и 0,6 с на компьютере, CLS 0 и 0,021, TBT 0 мс и 0,5 МБ за 19 запросов.
До запуска: канонические URL (сейчас 0/10); Open Graph — заголовки и картинки (0/10); JSON-LD (0/10): Organization с сохранённой на виду пометкой о вымышленной компании, BlogPosting для статей, JobPosting для вакансий и BreadcrumbList; sitemap.xml и robots.txt (нет). Удлинить шесть title короче 30 символов (в диапазоне 30–65 только 4/10) и четыре description короче 70 символов (в диапазоне 70–170 — 6/10). Для доступности — поднять контраст самого бледного текста и выстроить заголовки по порядку. Медицинские тексты по-прежнему без обещаний пользы для здоровья.
| Проверка | Результат | Статус |
|---|---|---|
| Уникальные заголовки страниц | 10/10 | Пройдено |
| Длина заголовков | 4/10 | Не пройдено |
| Мета-описания | 6/10 | Доработать |
| Один H1 на странице | 10/10 | Пройдено |
| Атрибут языка | en | Пройдено |
| Мобильная вёрстка | 390 px | Пройдено |
| Alt-тексты изображений | 100% | Пройдено |
| Битые внутренние ссылки | 0 | Пройдено |
| Канонические URL | 0/10 | Не пройдено |
| Теги Open Graph | 0/10 | Не пройдено |
| Структурированные данные | 0/10 | Не пройдено |
| XML-карта сайта | 0/2 | Не пройдено |
Чего это не доказывает
Это концепт, который я сделал в VITON13, чтобы показать широту возможностей; это не заказной проект. Компания, её платформы, программы, инвесторы, люди и адреса вымышлены. У сайта нет домена, посетителей, поискового трафика и продаж; изображения — лицензионный сток с Unsplash и Pexels.
Программы придуманы и находятся на доклинической стадии; ничто на сайте не говорит о реальных лекарствах и не является медицинской консультацией — сайт сам это сообщает. Оценки Lighthouse — лабораторные замеры главной за один день, а SEO 100 в Lighthouse покрывает только базу: канонических URL, Open Graph, JSON-LD и sitemap.xml пока нет.
Задумали что-то похожее? Я сам читаю каждое сообщение.
Следующий проект
NUMBER ONE®Бренд-концепция
Концепция2026
Все работы (19)



