Чертёж 02Веб-версия «Столб»anorroDev
Столб
Та же запись в барбершоп, но для сайта: всё приложение — один предмет. Спираль барберского столба — это расписание: один виток — один день, сегмент — полчаса. Крутите столб, поворачивайте колпаки, потяните цепочку — и вы записаны.
Тема
Спецификация
| Поз. | Наименование и примечание |
|---|---|
| 1 | Столб — расписаниеОдин виток спирали — рабочий день, сегмент — полчаса. Красное — свободно, белое — занято, синее — ваша запись. |
| 2 | Верхний колпак — услугаПоверните колпак, чтобы выбрать услугу; цена и длительность обновятся сразу. |
| 3 | Нижний колпак — мастерПоверните, чтобы выбрать мастера или «любого свободного». |
| 4 | Цепочка — записьПотяните: в столбе загорится свет, а талон улетит в «Мои». |
Номера совпадают с легендой справа на экране ноутбука.
Технические данные
| Экран | MacBook Air 13″ · 1440 × 900 · масштаб 1:1 |
|---|---|
| Шрифт | Roboto Flex — ширина цифр меняется со скоростью вращения |
| Технологии | HTML, CSS, Canvas 2D без фреймворков · тот же каталог услуг, что в мини-приложении |
Живое демо. Столб настоящий — крутите его прямо в экране ноутбука. Смените тему: новый лист проявится слева направо, а столб перекрасится вместе с ним. Данные вымышленные.