Концепт сайта для мастерской ламповых часов — Nixietech
На первом экране можно выключить свет в комнате и увидеть, как в темноте светятся лампы часов.
Запись прокрутки сайта от первого экрана до подвала, 0:54. Вживую сайт отвечает на прокрутку и курсор — откройте живую версию.
Что это за сайт
Одностраничный сайт мастерской, которая собирает настольные часы на советских лампах-индикаторах в корпусах из бука, термоясеня и мрамора. Сначала страница объясняет саму вещь: лампы, ручную сборку, функции, устройство и комплект. Затем показывает шесть моделей с размерами и ценами, а кнопка «Заказать» у каждой открывает Telegram с готовым сообщением о выбранной модели.
Оформление
Страница чередует тёмные и светлые экраны: почти чёрный, кремовый цвет бумаги и янтарный акцент в тон свечению ламп, финальный экран залит янтарным целиком. Заголовки и текст набраны гротеском Onest, подписи — моноширинным JetBrains Mono. Изображения — фотографии часов на столе и в темноте.
Кому подойдёт такой подход
- Мастерские и небольшие производства с вещами ручной работы
- Бренды подарков и предметов интерьера с линейкой из нескольких моделей
- Продавцы, которые принимают заказы в мессенджерах без корзины
Что внутри
Выключатель света на первом экране
Кнопки «Выкл», «Тёплый» и «Фокус» меняют освещение на фотографии рабочего стола. В светлых режимах пятно света идёт за курсором, а без света комната темнеет и взгляд остаётся на часах.
Сутки с часами в трёх кадрах
Закреплённая сцена сменяет три фотографии — утро, день и ночь. В углу стоит то же время, что на часах в кадре, а подписи рассказывают о подсветке, размере корпуса и свечении в темноте.
Линии, которые рисуются на лету
Фон экрана о свечении — поле тонких волн на Canvas. Линии бегут без остановки, прогибаются под курсором и набирают размах по мере прокрутки, каждая пятая окрашена в янтарный.
Выбор корпуса
Переключатель «Бук», «Термоясень», «Мрамор» меняет крупную фотографию, название модели и цену в янтарном круге и строку с размерами. Материалы сравниваются на одном экране.
Шесть моделей с кнопкой заказа
В карточках указаны тип ламп, материал, размеры, вес и цена. Кнопка «Заказать» открывает Telegram с уже набранным сообщением о выбранной модели — остаётся его отправить.
