LAMINAR
- [01] Задача
- Сайт для студии коррекции лакокрасочного покрытия, которая продаёт не «блеск», а метод и замеры.
- [02] Что сделали
- Страница оформлена как чертёж дефектовки: размерные линии, штамп, данные в микронах. Вместо фото — живая WebGL-поверхность лака, по которой курсор водит инспекционной лампой. LCP 237 мс, CLS 0.
Как это устроено
LAMINAR — концепт сайта студии коррекции лакокрасочного покрытия. Студия продаёт не «блеск», а метод и замеры, поэтому и сайт сделан как технический документ. Листайте — макет в рамке покажет детали.
- 01
Страница — как чертёж дефектовки
Размерные линии, штамп, координаты и строка состояния цеха: температура в боксе, влажность, свободные посты. Сайт говорит языком замеров, а не обещаний.
- 02
Метод и цифры вместо «блеска»
Услуги — списком с параметрами: этапы коррекции, твёрдость керамики, гарантия, толщиномер при приёмке. Клиент видит, что именно и как будут делать с машиной.
- 03
Живая поверхность лака
Вместо фото — образец лака на WebGL. Курсор работает как инспекционная лампа: водите им по поверхности и смотрите на блик, как это делает мастер.
Под капотом: React + TypeScript + Vite, шейдер поверхности на OGL.
- 04
Тяжёлая графика не тормозит загрузку
При живом WebGL первый экран отрисовывается за 237 мс, а вёрстка не прыгает при загрузке.
Под капотом: LCP 237 мс, CLS 0.