Разработка корпоративного сайта фонда «Скульптор»
Фонд «Скульптор» объединяет более 50 лучших мастеров скульптуры Москвы и Санкт-Петербурга, известных живописцев и архитекторов, дизайнеров, художников декоративно-прикладного искусства.
Для фонда создан современный корпоративный сайт, выполненный в классическом стиле. Сайт отличает изысканная верстка текста. Элементы расположены на странице асимметрично, как в лучших образцах книжного мастерства.
Стиль дизайна был выбран практически сразу, и сразу понравился клиенту. Первый же вариант главной страницы оказался лучшим, и в дальнейшем только слегка улучшался.

Большие сложности были с головой Аполлона. По задумке на главной странице должна была быть 3д-модель, которая следила бы за курсором. На этапе разработки ТЗ был составлен концепт.

Модель делали долго, все получались какие-то страшные.

В итоге все равно не получилось так же круто как скульптура. Слишком сложная модель, слишком высокий вкус у клиента. Для 3д-анимации заготовили около 400 кадров, которые объединили в единое изображение. Скрипт смещает картинку, подставляя нужный кадр.

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

На главной странице сайта размещена голова Аполлона — символ фонда.
На сайте используется шрифт Киш — русская версия шрифта Янсон, одного из лучших образцов голландской антиквы старого стиля. Шрифт использовался наряду с Caslon и Baskerville для классического книжного набора, а также для печати Библии.

Главная работа фонда — восстановление скульптурного убранства Храма Христа Спасителя в Москве. Центральной работе фонда посвящена отдельная страница.
На странице используется обратная композиция. Первый текстовый блок начинается справа, затем второй блок текста расположен по центру, и завершающие абзацы размещаются слева. Каждый блок перебит фотографиями.
Концепты страниц рождались сразу, а вот над деталями работали долго. Прорабатывали несколько вариантов каждого блока внутри страницы.


Таким образом, усиливается привлекательность текста для чтения. Глаз выработал «белое пятно» по отношению к длинным текстам на сайте; обратная композиция позволяет зацепить взгляд для чтения.

Различные приемы верстки используются на всех страницах сайта.
Работа над сайтом началась не с главной, а со страницы «Юрий Орехов». Такое бывает очень редко. На первом макете страницы можно видеть ранний концепт, мало похожий на финальный результат.

Второй вариант стал более похожим. Третий был принят после множества замечаний.



Еще один изысканный журнальный прием — нанесение надписи с вылетом за отведенную для неё область.

Оригинальная работа с длинным списком меню. За счет разницы длин пункты образуют силуэт, похожий на амфору или балясину.

Оформление страницы новостей. Блоки также выключены в правый край, но для компенсации большого белого пространства используется полноразмерная статуя Аполлона.

Сайт отлично оптимизирован для мобильных устройств.
Книжную верстку очень сложно оптимизировать под разные экраны. Главная страница рассчитана на 13-дюймовый портретный монитор, но более экстремальные варианты не проработаны — страница отображается как есть.


Для клиента записаны обучающие видеоролики по использованию сайта.

