Концепт сайта для реставрационной артели — Новое Старое

Что это за сайт

Одностраничный сайт артели плотников-реставраторов, которая восстанавливает деревянные храмы Русского Севера, собирает музей северной деревни и ведёт школу топорного зодчества. Страница построена как путь с севера на юг: шкала широты у края экрана меняется вместе с прокруткой. Посетитель проходит объекты, карту сезонов, постройки музея и вести сезона, а в конце получает программу школы и кнопку записи.

Оформление

Тёмная гамма: почти чёрный фон, тёплый белый текст и красно-оранжевый акцент на кнопках и метках. Название набрано огромным плотным гротеском, координаты, даты и подписи — моноширинным шрифтом. Снимки объектов чёрно-белые и получают цвет по ходу прокрутки, поверх страницы лежит лёгкое зерно.

Кому подойдёт такой подход

• Реставрационные и строительные мастерские с объектами в разных регионах
• Музеи, заповедники и культурные проекты
• Школы ремёсел и авторские курсы с набором по датам

Что внутри

1. 01

   Шкала широты у края экрана

   Слева идёт шкала с координатой: по мере прокрутки широта меняется от Соловков до Подмосковья, и видно, какая часть пути пройдена. В шапке — часы с московским временем.

2. 02

   Главы с наездом на кадр

   У каждого из трёх объектов небольшая рамка растёт до размеров экрана, поверх кадра появляются название и место, а чёрно-белый снимок в конце становится цветным.

3. 03

   Карта сезонов

   Маршрут по девяти точкам рисуется на карте с градусной сеткой, пока посетитель листает. Строки списка под картой загораются по очереди и показывают место и годы работ.

4. 04

   Реестр построек музея

   Семь строк с постройками северной деревни. Наведение на строку меняет снимок на пластине рядом: новый кадр выезжает шторкой, а подпись под ним собирается из случайных букв.

5. 05

   Школа с программой и записью

   Обложка программы поворачивается, строки с датами и условиями собираются в таблицу, цена курса докручивается как счётчик. Под ней — кнопка записи.