Концепт сайта для мастерской амбротипии — Сергей Козловский
Тёмная страница, где слово «амбротипия» по слогам проходит поверх портрета, а за ним идут пластины, процесс и серии.
Запись прокрутки сайта от первого экрана до подвала, 0:58. Вживую сайт отвечает на прокрутку и курсор — откройте живую версию.
Что это за сайт
Одностраничный сайт фотографа, который снимает портреты, пейзажи и натюрморты серебром на стекле по технологии 1851 года. Страница сначала объясняет, что такое амбротипия и почему каждая пластина существует в одном экземпляре, затем показывает работы, четыре шага процесса и направления мастерской. Запись на съёмку ведёт в мессенджер: кнопка стоит на первом экране, в блоке возможностей студии и в финале.
Оформление
Тёмная гамма: почти чёрный фон, чёрно-белые амбротипы и красно-оранжевый акцент в крупных надписях и кнопках. Заголовки набраны плотным гротеском Inter, подписи и номера — моноширинным IBM Plex Mono. Между тёмными секциями стоят светло-серые и целиком красные вставки.
Кому подойдёт такой подход
- Фотографы и студии авторской съёмки
- Художники и мастера, которые работают в редкой технике
- Мастерские, где на съёмку записываются через мессенджер
Что внутри
Слово по слогам поверх портрета
Закреплённая сцена перематывается прокруткой: поверх крупного портрета по очереди проходят слоги «амбро», «ти», «пия», кадр медленно приближается, в нём плывут пылинки и блики.
Шесть пластин с подписью у курсора
Работы разного размера стоят со сдвигом и большими отступами. При наведении кадр немного приближается, а название и жанр пластины следуют за курсором.
Процесс в четырёх шагах
Коллодий, серебро, выдержка, проявление — у каждого шага короткое объяснение. Рядом ролики из лаборатории, которые играют, только пока видны на экране.
Направления крупными строками
Три жанра и два художественных проекта идут списком. Подсвечивается строка, которая ближе к середине экрана, поэтому список читается и без наведения.
Возможности студии и запись
Портрет, съёмка события и художественный проект — три карточки, у каждой своя ссылка в мессенджер. В финале контакты можно скопировать одним нажатием.
