Медный голем

О компании

«Медный голем» — это скульптурная мастерская, которая занимается созданием и реставрацией памятников по всей России и странам СНГ. Их проекты варьируются от малых поселковых монументов до масштабных федеральных комплексов, включающих реконструкцию, благоустройство, озеленение и декоративное освещение. Среди наиболее известных работ — скульптуры в парке Галицкого (Краснодар), мемориал «Сыновьям России» в Севастополе и «Саур-могила» в Донецкой Народной Республике. Компания работает с различными материалами (от полимер-бетона до металла) и регулярно сотрудничает с государственными структурами, воплощая в жизнь самые смелые проекты.

___________

Задача Создать новый сайт для скульптурной мастерской «Медный голем», который заменит устаревший ресурс, больше похожий на «быструю сборку на Тильде», чем на площадку крупного федерального подрядчика.

Нужно было:

• Коротко и наглядно отразить масштаб производства и уровень проектов,

• Сохранить лаконичность подачи, не перегружая сайт текстом,

• Добавить сдержанную, но эффектную анимацию,

• Обеспечить быструю загрузку и удобство для посетителей.

1. Минималистичный, но выразительный дизайн

 • Отказались от избыточных графических элементов и сфокусировались на крупных фотографиях и видео.

 • Использовали сдержанную цветовую палитру, отражающую индустриальную тематику.

------------

 2. Анимация для «вау»-эффекта

 • Добавили плавные переходы и динамический фон на главной странице, чтобы подчеркнуть процесс создания скульптур.

 • Следили за оптимизацией, чтобы даже на мобильных устройствах сайт работал быстро.

------------

 3. Фокус на производственном процессе

 • В видео-бэкграунде показали момент плавки металла, создавая эффект присутствия «за кулисами» мастерской.

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

------------

 4. Техническая база на «1С-Битрикс»

 • Обеспечили гибкость и надёжность сайта, а также быструю загрузку за счёт CDN и кэширования.

 • Упростили систему управления, чтобы клиент мог самостоятельно добавлять новые проекты без риска «сломать» верстку.

Перед началом проекта мы проанализировали конкурентную среду и особенности рынка скульптурных мастерских:

 1. Небольшое количество прямых конкурентов.

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

 2. Устаревшие сайты.

У многих потенциальных конкурентов дизайн и функционал сайтов «застряли» в начале 2000-х и не соответствуют современным ожиданиям пользователей.

 3. Целевая аудитория — госструктуры и крупный бизнес.

 • Государственные организации: министерства, региональные администрации, муниципальные комитеты по благоустройству и архитектуре. Им важно видеть не только портфолио, но и убедиться в надёжности подрядчика.

 • Крупные корпорации: застройщики, девелоперы, промышленные холдинги, отвечающие за развитие инфраструктурных проектов. Они ценят комплексный подход — от проектирования до ввода объекта в эксплуатацию.

 • Фондодержатели и инвесторы: фонды по сохранению культурного наследия, меценаты, спонсирующие памятники и мемориальные комплексы. Им важно, чтобы проект был не только визуально впечатляющим, но и соответствовал культурно-исторической ценности.

 4. Высокие ожидания в части презентабельности.

Целевая аудитория ожидает, что сайт подрядчика будет соответствовать уровню проектов, которыми они занимаются. Поэтому дизайн, удобство и скорость загрузки являются ключевыми факторами, формирующими первое впечатление.

Учитывая эти аспекты, мы сделали ставку на выразительный, но при этом лаконичный дизайн и быстрый интерфейс, способный подчеркнуть масштаб и профессионализм «Медного голема» в глазах крупных и государственных заказчиков.

Любой проект начинается с погружения в эстетику и ожидания клиента. Мы проанализировали мировые сайты в сфере культуры и архитектуры, где визуальная выразительность выходит на первый план. Наша цель — передать атмосферу «Медного голема» и подчеркнуть грандиозность его проектов.

 1. Подбор референсов

 • Внутри команды несколько дизайнеров отобрали наиболее подходящие решения, опираясь на минимализм, крупные шрифты и эффектную анимацию.

 • Все концепции прошли «фильтр» арт-директора, чтобы сохранить единый стиль и избежать перегруженности деталями.

  2. Синхронизация с заказчиком

 • Мы представили заказчику несколько подборок, иллюстрирующих разные направления: от строгого индустриального стиля до более эмоционального и арт-ориентированного.

 • «Медный голем» выбрал путь, сочетающий лаконичный дизайн с акцентом на фотографиях и видео, передающих процесс создания монументов.

 3. Минимализм как средство выразительности

 • Чтобы не отвлекать пользователя от ключевого контента (проектов, производства, деталей), мы отказались от чрезмерных декоративных элементов.

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

 4. Акцент на анимации

 • Референсы с плавными переходами, параллакс-эффектами и видеофонами помогли сформировать «вау»-эффект.

 • Главный вызов — сохранить быструю загрузку и отзывчивость сайта на всех устройствах.

Мы никогда не пропускаем этап вайрфреймов: именно здесь мы определяем, какие блоки и элементы будут на страницах, и как они взаимодействуют друг с другом. Если контент уже готов, мы размещаем его сразу — так легче учесть реальный объём и избежать сюрпризов на стадии дизайна.

Однако далеко не всегда всё складывается идеально с первого раза. Вдохновлённые проектом «Медного голема», мы настолько хотели сделать «идеальный» концепт, что… заблудились в собственных идеях. Первая серия макетов не прошла проверку арт-директора: он предложил радикально пересмотреть подход, «вспомнить основы» и смелее экспериментировать.

В любой команде бывает творческий кризис — и не только на проектах, которые не вдохновляют, но и на тех, что трогают вас до глубины души. Иногда чем сильнее вы влюблены в идею, тем труднее найти «тот самый» дизайн. К счастью, личное знакомство с производством помогло выйти из тупика: мы увидели, как из небольших кусочков металла вырастают гигантские монументы, превышающие в высоту несколько этажей. Для тех, кто привык работать с виртуальным продуктом, было по-настоящему впечатляюще наблюдать, как «нули и единицы» в конечном счёте обретают реальную, внушительную форму. Именно этот «вау»-эффект вдохновил нас на новое видение и подтолкнул к созданию дизайна, который соответствовал масштабу проекта.

Из этого мы получили это

Когда дизайнер слышит от клиента «Нам всё нравится, утверждаем!», в душе происходит маленький праздник. Именно такой момент наступил и в проекте «Медного голема». Мы остановились на минималистичном подходе, чтобы не отвлекать внимание посетителя от контента и при этом передать нужный эмоциональный настрой.

В качестве основного фона на главной странице мы использовали видео процесса плавки металла, показывающее «закулисье» создания скульптур. Поверх него разместили фотографии реализованных работ, чтобы пользователь сразу понимал, какой путь проходит изделие — от раскалённого металла до величественного монумента.

Одним из ключевых пожеланий заказчика был акцент на мобильную версию (mobile-first) и высокая скорость загрузки. Заказчик опасался, что «крутая анимация и видео» могут сильно замедлить сайт, но мы доказали обратное, применив оптимизацию, кэширование и сжатие медиафайлов. В итоге сайт не только выглядит эффектно, но и работает быстро, что развеяло все страхи и подтвердило, что «круто» и «быстро» — это реально совместимые понятия.

Предлагая сетку для проекта, мы уже давно ушли от классической 12-колоночной структуры, которую нам «навязали» разработчики со своим Bootstrap. Сейчас, если вы реализуете проект, который визуально выделяется, в наших текущих кейсах основа — это 6 или даже 3 колонки, и этого действительно достаточно.

Для заголовков мы выбрали Cygre, а для остального (основного) текста — Anonymous Pro.

Шрифт Cygre отлично подходит для заголовков благодаря своему выразительному и стильному дизайну, который привлекает внимание. Современная геометрия с чистыми линиями придаёт тексту эстетичный и технологичный вид. Высокая контрастность делает заголовки эффектными и заметными, а универсальность позволяет использовать шрифт как в digital-, так и в печатных проектах. При этом он сохраняет хорошую читаемость, находя баланс между креативностью и удобством восприятия.

Шрифт Anonymous Pro отлично подходит для основного текста благодаря своей высокой читаемости и удобству восприятия на экранах. Его моноширинная структура обеспечивает аккуратность и структурированность текста, особенно в технической документации и кодовых вставках. Поддержка кириллицы и латиницы делает его универсальным для двуязычных проектов, а современный минималистичный дизайн гармонично сочетается с гротесками. Бесплатное распространение и отличная рендеринг-оптимизация позволяют использовать его в вебе и печати без ограничений.

Выбор цветовой палитры обоснован тематикой сайта. Мы хотели сделать акцент на серьёзности бренда и тематике ниши.

Для каждого отдельного проекта реализована собственная страница, которая кратко описывает, что было сделано в рамках проекта, локацию и дату создания. Одним из условий было то, что страница не должна быть перегружена текстом (да, SEO-специалистам это не понравится, однако это точно не SEO-проект). На странице реализован скролл по изображениям. В левом нижнем углу расположены иконки, которые схематически показывают, какого формата изображения находятся на странице, и при клике на каждую из них происходит переход к нужному изображению в рамках данного проекта.

Страница «О нас» рассказывает детально о компании, а также детально о процессе создания скульптур и монументов.

Другие страницы — «Контакты», «404» и «Политика конфиденциальности» — тоже требуют внимания: они не должны выглядеть шаблонно и должны соответствовать фирменному стилю компании.

(Или как мы всё сделали, а потом снова переделали — и ни о чём не жалеем)

Все акты были подписаны, сайт вышел в открытый доступ, первые посетители уже оставляли заявки… а у нас оставалось ощущение, что чего-то не хватает. В дизайне не хватало именно той монументальности, которая отражала бы масштаб «Медного Голема».

Мы решили изменить первый экран, но без радикальных мер: композиция и расположение элементов нас устраивали, а вот фоновое видео рабочего процесса уже не вызывало нужных эмоций. Так и родилась идея найти «железного/каменного» человека — мощного, величественного, идеально вписывающегося в тематику памятников и образ «Медного Голема».

С его появлением сайт обрёл именно ту внушительность, которой не хватало. И если вы думаете, что перфекционизм иногда заходит слишком далеко, мы отвечаем: «А кто сказал, что это плохо?»

 1. Новый имидж и уверенный старт

 • Старый «быстрый лэндинг на коленке» канул в Лету. На его месте — современный сайт, отражающий масштаб и серьёзность «Медного голема».

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

 2. Увеличение интереса и заявок

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

 • Госструктуры и крупные подрядчики оценили серьёзность подхода, что укрепило репутацию компании.

 3. Гибкая платформа и лёгкое обновление

 • 1С-Битрикс хоть и «сложен в обращении», но даёт огромные возможности для дальнейшего развития.

 • Контент-редакторы могут самостоятельно добавлять новые проекты, не прибегая к помощи разработчиков и не опасаясь «поломать всё к чертям».

 4. Победа над перфекционизмом

 • Мы не побоялись вернуться к проекту после официального запуска, чтобы довести его до идеала.

 • Заменили видео на более внушительный «каменный» образ и усилили визуальную часть, что добавило сайту монументальности.

 5. Готовность к будущим свершениям

 • Сайт легко масштабируется: можно добавлять новые разделы, языковые версии и анимационные элементы без кардинальной переделки.

 • «Медный голем» теперь может смело брать в работу ещё более крупные и амбициозные проекты, ведь цифровая витрина уже соответствует уровню компании.