Биокода: сайт контрактной лаборатории

Третья из шести. Контрактная лаборатория — товар без визуального образа: ни экрана, ни коробки, только протокол и срок.

Биокода делает анализы по заказу: приходит образец, уходит протокол. Показывать здесь нечего — нет интерфейса, нет упаковки, а фотографии пробирок одинаковы у всех лабораторий мира.

Поэтому сборка держится на схемах и сравнениях. `StatementHero` открывает страницу утверждением вместо картинки. `SchemeOverview` рисует путь образца по лаборатории, `FlowPanel` — что происходит с данными после того, как прибор отработал. `RangeChart` показывает разброс значений: для лаборатории это и есть товар — не среднее, а насколько узок коридор.

Одно сравнение вместо десяти доводов

В середине стоит `BeforeAfterSplitSlider` — шторка между двумя состояниями одного снимка. Для лаборатории это самая содержательная секция на странице: она показывает разницу, которую заказчик получает, без единого прилагательного.

Дальше `ProgramCards` с форматами работы и `TeamGrid` с людьми. В услуге, где нет продукта, люди и есть продукт, поэтому команда стоит до цен, а не после.

Что видно на этой сборке

Кислотно-салатовый праймери на очень светлом голубом фоне, чернила почти чёрные. Пара звонкая, и это осознанно: лабораторные сайты обычно синие и одинаковые, а различие в рассылке важнее спокойствия.

Дисплейная гарнитура — с засечками, редкий выбор для этой ниши; текстовая — гротеск. Смена одной строки в конфиге меняет обе, и заголовки во всех тринадцати секциях едут следом.

02Читать дальше

Ещё в блоге

Две, не больше. Более длинная лента превращает конец статьи во вторую индексную страницу, а читатель уже сделал выбор один раз.