Спроектировала и сверстала сайт-витрину вымышленного ювелирного бренда Oreol (Санкт-Петербург): кольца и серьги из золота. Акцент на подаче: кольцо поворачивается от движения мыши, переключение металла, конструктор с камнями и размерами, лукбук, раздел о мастерской. Эстетика печатного каталога, адаптив под телефон. Это концепт без реального заказчика.
— Спроектировала дизайн и сверстала адаптивный сайт на HTML и CSS: кремовая гамма, антиква Cormorant Garamond, сетка под телефон.
— Подготовила фотографии: вырезала фон, обработала кадры для вращения кольца.
— Собрала первый экран с «3D»-подачей кольца: из одного фото создала 16 кадров поворота с наклоном, бликом и тенью; реализовала вращение от мыши, перетаскивания и прокрутки, покачивание в покое, вывод градуса поворота сбоку.
— Написала JavaScript для интерактива: плавное появление блоков лукбука при прокрутке с задержкой, переключение фото в коллекции при наведении, смена цвета золота CSS-фильтром.
— Разработала конструктор кольца: нарисовала кольцо в SVG с градиентами, добавила выбор из 4 камней и 9 размеров, пересчёт цены на JavaScript.
— Заполнила раздел «Мастерская» фото и цитатой, оформила подвал с условными контактами.
— Добавила title/description и микроразметку Product/Offer.
Получился рабочий концепт сайта-витрины: вращение кольца, конструктор с пересчётом цены, переключение металла, плавные появления блоков; на телефоне всё читается. Это концепт без реального заказчика, поэтому цифр эффекта нет.