Двуязычный сайт на WordPress для студии металлообработки Metal Workshop

Сайт премиальной мастерской должен вызывать доверие с первого взгляда. У международной компании Metal Workshop было множество крутых проектов в портфолио, но размещались они на безнадежно устаревшем сайте. Это мешало привлекать как российских, так и зарубежных заказчиков. Мы подошли к задаче комплексно: профессиональная разработка сайта позволила создать платформу, которая наконец-то соответствует уровню мастерской и помогает ей уверенно расти на отечественном и международном рынке.

Клиент — международная мастерская Metal Workshop, которая создает архитектурные и художественные объекты из металла для премиальных интерьеров. К моменту обращения к нам компания активно работала с зарубежными заказчиками, но их сайт не соответствовал уровню бренда: устаревший дизайн, неудобная навигация по сложному каталогу авторских проектов и отсутствие многоязычной версии затрудняли выход на новые рынки. Требовалась бережная переработка сайта с сохранением изначальной CMS WordPress, чтобы упростить путь клиента от знакомства с работами до оформления индивидуального заказа.

WordPress

• Обновить визуальную концепцию.
  Разработать дизайн, который визуально и эмоционально передает статус эксклюзивных архитектурных и художественных объектов из металла.
• Улучшить структуру и навигацию
  Переработать подачу портфолио и каталога, сделав поиск проектов, коллекций и решений интуитивно понятным для пользователя.
• Реализовать полноценную мультиязычность
  Внедрить корректную, удобную и SEO-оптимизированную английскую версию сайта для комфортной работы с международной аудиторией и зарубежными заказчиками.
• Сохранить и оптимизировать CMS
  Провести редизайн на базе существующей WordPress, оставив клиенту привычную и удобную панель управления, но улучшив техническую оптимизацию, чистоту кода и скорость загрузки.
• Выстроить конверсионные пути
  Сделать процесс связи с мастерской и оформления запроса на индивидуальный проект максимально простым, заметным и логичным на всех этапах просмотра сайта. 

Разделили портфолио на «Арт» и «Проекты»

Мы учли разные сценарии поиска: «Проекты» показывают комплексные архитектурные решения (оформление пространств отелей, ресторанов, резиденций) в контексте реальной среды, а «Арт» представляет уникальные концептуальные объекты в музейном, галерейном формате.

Создали визуальные энциклопедии «Материалы» и «Поверхности»

Мы выделили справочные разделы в самостоятельные блоки с качественными макро-фотографиями, описаниями свойств сплавов и вариантов патинирования. В разделе «Поверхности» мы внедрили интерактивный переключатель между базовыми материалами (металл, латунь, медь), который позволяет наглядно сравнивать, как разные виды обработки смотрятся на конкретных сплавах. Это закрывает технические вопросы заказчиков еще на этапе изучения сайта.

Дополнили раздел «О нас» инструментами быстрой навигации 

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

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

Разместили конверсионные элементы в ключевых точках

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

Выдержали сдержанную «дорогую» эстетику. Использовали минималистичную цветовую палитру и оставили много «воздуха». Это привлекает внимание к высокодетализированным фотографиям проектов и арт-объектов. Акцент сделан на контрастной, элегантной типографике, которая легко читается и поддерживает статусность бренда.

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

Перенесли дизайн-макеты в WordPress, сохранив все преимущества существующей CMS и добавив современные технические решения.

Для удобства работы команды мы использовали кастомные типы записей для разделения «Арт» и «Проектов», а также расширенные поля для заполнения карточек материалов и поверхностей. Клиент получил привычный интерфейс админки с новыми возможностями.

Подготовили структуру под будущее масштабирование: клиент может легко дублировать блоки или добавлять новые проекты без нарушения визуального стиля. 

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

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

Оптимизировали производительность для тяжелых файлов. Учитывая обилие высококачественных фотографий металла и текстур, мы внедрили ленивую загрузку изображений, сжатие без потерь качества и современные форматы (WebP). Это обеспечило быструю загрузку страниц даже при медленном интернете.

Структурировали и перенесли контент на новую архитектуру. Помогли клиенту разложить существующие материалы по обновленной логике: распределили работы по разделам «Арт» и «Проекты», оформили карточки материалов и поверхностей, подготовили тексты для раздела «О нас». Контент стал удобнее для восприятия и навигации.

Записали краткую инструкцию для контент-менеджеров заказчика: показали, как добавлять новые проекты, управлять галереями, редактировать тексты и работать с мультиязычностью. Теперь клиент может самостоятельно обновлять сайт без привлечения разработчиков.

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

• Запустили новый сайт в сжатые сроки. Ресурс визуально и структурно соответствует статусу мастерской: эксклюзивные работы подаются продуманно и с вниманием к деталям. Это усиливает восприятие бренда среди архитекторов, дизайнеров и частных заказчиков.
• Вышли на международную аудиторию с полноценной английской версией. Мультиязычность перестала быть барьером: зарубежные клиенты теперь могут свободно изучать портфолио, материалы и процессы на родном языке, что упрощает коммуникацию и повышает доверие.
• Облегчили путь клиента от вдохновения до заявки. Продуманная структура, интерактивные элементы (переключатели материалов, якорные навигации) и логичные конверсионные точки сокращают путь пользователя от первого знакомства с работами до отправки запроса на индивидуальный проект.
• Передали управление сайтом команде. Благодаря понятно настроенной админке контент-менеджер Metal Workshop может самостоятельно добавлять новые проекты в портфолио или тестировать тексты.
• Создали визуальный образ продукта высокого качества. Даже на базе стандартных блоков удалось передать фактуру и художественную ценность изделий.
• Заложили фундамент для дальнейшего продвижения. Корректная адаптация и базовая SEO-настройка позволяют масштабировать проект: подключать контекстную рекламу, наращивать семантику и отслеживать эффективность каналов.

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