Концепт сайта для ювелирной студии — Палкин
Ажурный 3D-жук из серебра и эмали летает по всей странице: садится среди брошей, разбирается на части и ведёт по шагам заказа.
Запись прокрутки сайта от первого экрана до подвала, 0:36. Вживую сайт отвечает на прокрутку и курсор — откройте живую версию.
Что это за сайт
Одностраничный сайт ювелирной студии, которая делает броши-жуки из серебра с горячей эмалью. Через всю страницу летает ажурный 3D-жук: влетает на первый экран, садится среди карточек изделий, разбирается на части и спускается по шагам заказа к ценам. Между его остановками — галерея съёмки студии, отзывы и вопросы, а финал собирает кнопки звонка и почты: заказ принимает менеджер.
Оформление
Глубокая тёмно-синяя гамма, белый текст и медный акцент: косые черты в заголовках, кнопки, маркеры списков и контурное слово «ПАЛКИН» в подвале, которое прорисовывается по прокрутке. Заголовки набраны узким жирным гротеском Oswald прописными, основной текст — округлым Nunito. Изделия показаны съёмкой студии и вырезанными фото брошей, карточки — из матового стекла, а вокруг жука летает тёплая золотая пыль.
Кому подойдёт такой подход
- Ювелирные студии и мастерские авторских украшений
- Мастерские народных промыслов: эмаль, скань, литьё
- Небольшие бренды, которые принимают заказы по телефону и продают на маркетплейсах
Что внутри
Первый экран с летящим жуком
Жук из серебра с синей эмалью влетает между половинами заголовка «Жуки в/эмали — серебро и/огонь», а внизу ждут кнопка «Выбрать жука», счётчик «38 букашек в каталоге» и четыре круглых значка с брошами.
Жук среди брошей
В разделе «Серебряные жуки» жук садится в центр, а вокруг проступают четыре карточки из матового стекла — броши «Планета», значки, божьи коровки и скорпион — с фото изделия и ценой. Стрелка открывает окно с подробностями.
Жук разбирается на части
Экран закрепляется, надкрылья, крылья и голова расходятся в стороны, а справа по очереди загораются четыре пункта — серебро 925, горячая эмаль, промысел и вес. От каждого к детали жука тянется пунктирная выноска.
Галерея на ленте
Шесть кадров съёмки студии — броши на листе, лепестке лилии, воротнике и манжете — едут горизонтальной лентой по прокрутке со счётчиком. Нажатие открывает кадр на весь экран, в конце ленты — кнопка «Как заказать».
Шаги заказа и цены
Жук спускается по вертикальной линии через пять шагов — от «Выбрать» до «Приколоть», рядом лежат вырезанные фото брошей. Дальше три карточки цен наклоняются под курсором, а жук садится на среднюю — серию «Планета».
