Kern 75
Запуск небольшой партии алюминиевых клавиатур
Посмотрите, как Kern 75 разбирается на слои, сравните три переключателя по кривой усилия, соберите свою конфигурацию с подробной ценой и оставьте заявку на резерв в первой партии.
Next.js · React · TypeScript
Задача
Дорогую клавиатуру выбирают по деталям, которых не видно на фото: что внутри, как ощущается переключатель, под каким углом лежат руки. Всё это нужно показать до того, как человек займёт место в партии, которая приедет через несколько месяцев.
Дальше по странице
Как устроен сценарий
Заглянуть внутрь
При прокрутке клавиатура раскладывается на восемь подписанных слоёв и собирается обратно.
Сравнить переключатели
Выберите линейный, тактильный или кликающий: клавиша на модели нажимается, а на кривой усилия отмечено, где она срабатывает.
Собрать и зарезервировать
Цвет корпуса, кейкапы и символы меняются на той же модели, цена расписана по позициям, а заявка на резерв не требует оплаты.
Ключевые решения
Первый кадр приходит вместе с текстом
Кадр освещённого стола появляется одновременно с заголовком, а живая сцена проявляется поверх него, когда готова. На устройствах без WebGL у каждой сцены остаётся статичный кадр.
PogodaМагазин обжарщика, где у каждого кофе своя погода