Сайт премиальной мастерской должен вызывать доверие с первого взгляда. У международной компании Metal Workshop было множество крутых проектов в портфолио, но размещались они на безнадежно устаревшем сайте. Это мешало привлекать как российских, так и зарубежных заказчиков. Мы подошли к задаче комплексно: профессиональная разработка сайта позволила создать платформу, которая наконец-то соответствует уровню мастерской и помогает ей уверенно расти на отечественном и международном рынке.
Клиент — международная мастерская Metal Workshop, которая создает архитектурные и художественные объекты из металла для премиальных интерьеров. К моменту обращения к нам компания активно работала с зарубежными заказчиками, но их сайт не соответствовал уровню бренда: устаревший дизайн, неудобная навигация по сложному каталогу авторских проектов и отсутствие многоязычной версии затрудняли выход на новые рынки. Требовалась бережная переработка сайта с сохранением изначальной CMS WordPress, чтобы упростить путь клиента от знакомства с работами до оформления индивидуального заказа.
WordPress
Разделили портфолио на «Арт» и «Проекты»
Мы учли разные сценарии поиска: «Проекты» показывают комплексные архитектурные решения (оформление пространств отелей, ресторанов, резиденций) в контексте реальной среды, а «Арт» представляет уникальные концептуальные объекты в музейном, галерейном формате.
Создали визуальные энциклопедии «Материалы» и «Поверхности»
Мы выделили справочные разделы в самостоятельные блоки с качественными макро-фотографиями, описаниями свойств сплавов и вариантов патинирования. В разделе «Поверхности» мы внедрили интерактивный переключатель между базовыми материалами (металл, латунь, медь), который позволяет наглядно сравнивать, как разные виды обработки смотрятся на конкретных сплавах. Это закрывает технические вопросы заказчиков еще на этапе изучения сайта.
Дополнили раздел «О нас» инструментами быстрой навигации
Для международной компании важно не только показать продукт, но и подтвердить экспертизу. Мы структурировали информацию о философии бренда, производственных процессах и географии работ, сделав акцент на качестве исполнения и масштабе.
Чтобы облегчить поиск конкретной информации, внедрили интерактивное оглавление по типам элементов и материалов, с которыми работает компания. Оно реализовано в виде блока с табами: клик по нужному элементу обеспечивает мгновенный плавный переход к соответствующему текстовому блоку, экономя время пользователя.
Разместили конверсионные элементы в ключевых точках
По просьбе клиента вынесли форму заказа на первый экран главной страницы. Это позволяет пользователю сразу оставить заявку, не тратя время на поиск контактов. Вторая форма расположена в разделе «Контакты» для тех, кто уже изучил сайт и готов к предметному диалогу. Такое распределение закрывает разные сценарии: быстрый захват лида на входе и полноценное обращение после ознакомления с проектами.
Выдержали сдержанную «дорогую» эстетику. Использовали минималистичную цветовую палитру и оставили много «воздуха». Это привлекает внимание к высокодетализированным фотографиям проектов и арт-объектов. Акцент сделан на контрастной, элегантной типографике, которая легко читается и поддерживает статусность бренда.
Создали выразительный первый экран с динамической текстурой. Реализовали стильную фоновую анимацию с фактурами металла, которая играет прямо под формой заявки.
Динамичная текстура на первом экране создает нужное настроение и удерживает внимание пользователя.
Перенесли дизайн-макеты в WordPress, сохранив все преимущества существующей CMS и добавив современные технические решения.
Для удобства работы команды мы использовали кастомные типы записей для разделения «Арт» и «Проектов», а также расширенные поля для заполнения карточек материалов и поверхностей. Клиент получил привычный интерфейс админки с новыми возможностями.
Подготовили структуру под будущее масштабирование: клиент может легко дублировать блоки или добавлять новые проекты без нарушения визуального стиля.
Внедрили полноценную мультиязычность с английской версией. Реализовали корректную работу двух языковых версий сайта с удобным переключателем. Настроили правильную URL-структуру (например, /ru/ и /en/), мета-теги для SEO и синхронизацию контента между языками. Теперь клиент может легко управлять обеими версиями из одной админки, а международные заказчики получают полноценный англоязычный интерфейс.
Обеспечили полную адаптивность под все устройства. Сайт корректно отображается на десктопах, планшетах и смартфонах. Мы протестировали все ключевые сценарии: от просмотра галереи арт-объектов до заполнения формы заявки с мобильного устройства. Особое внимание уделили удобству чтения длинных текстов и навигации по портфолио на маленьких экранах.
Оптимизировали производительность для тяжелых файлов. Учитывая обилие высококачественных фотографий металла и текстур, мы внедрили ленивую загрузку изображений, сжатие без потерь качества и современные форматы (WebP). Это обеспечило быструю загрузку страниц даже при медленном интернете.
Структурировали и перенесли контент на новую архитектуру. Помогли клиенту разложить существующие материалы по обновленной логике: распределили работы по разделам «Арт» и «Проекты», оформили карточки материалов и поверхностей, подготовили тексты для раздела «О нас». Контент стал удобнее для восприятия и навигации.
Записали краткую инструкцию для контент-менеджеров заказчика: показали, как добавлять новые проекты, управлять галереями, редактировать тексты и работать с мультиязычностью. Теперь клиент может самостоятельно обновлять сайт без привлечения разработчиков.
После релиза мы продолжили сопровождение сайта: оперативно устраняли мелкие правки, помогали с настройкой новых разделов и следили за стабильностью работы. Это позволило клиенту сосредоточиться на развитии бизнеса, а не на технических вопросах.
Успешная реализация основного сайта показала, что мы говорим на одном языке с клиентом и понимаем специфику премиального сегмента. Вскоре клиент поручил нам очередную задачу — разработку отдельного лендинга под новое направление, чтобы работать с разными целевыми аудиториями.
Универсального ответа нет — всё зависит от задач проекта. Обычно выбор стоит между WordPress и 1С-Битрикс. WordPress отлично подходит для большинства корпоративных сайтов, портфолио и каталогов: он гибкий, понятный в управлении и позволяет легко масштабировать функционал. 1С-Битрикс часто выбирают для интернет-магазинов, высоконагруженных проектов и сайтов со сложной интеграцией с CRM или 1С. Главное, чтобы платформа соответствовала целям бизнеса и была удобна для вашей команды.
Да, конечно. Современные CMS (включая WordPress) созданы именно для этого. После запуска сайта мы обучаем вашу команду работе с админ-панелью: вы сможете самостоятельно добавлять новости, менять тексты, загружать фото в портфолио и управлять другими разделами без привлечения программистов. Это экономит время и бюджет на поддержку.
Благодаря адаптивной верстке сайт автоматически подстраивается под размер экрана: будь то десктоп, планшет или смартфон. Пользователь видит удобную версию без горизонтальной прокрутки и мелких кнопок. Сегодня больше половины трафика приходится на мобильные устройства, к тому же Google и Яндекс учитывают мобильную версию при ранжировании. Так что адаптивность — это must have для любого сайта.
Чем больше вы подготовите на старте, тем быстрее и точнее получится результат. Идеальный набор: структура будущего сайта (какие будут разделы), тексты (или хотя бы фактура, по которой мы нашем seo-оптимизированный текст), фотографии/видео ваших работ или продуктов, фирменный стиль (логотип, цвета, шрифты) и примеры сайтов, которые вам нравятся. Если чего-то нет, мы поможем сформулировать ТЗ и предложим решения.
Да, WordPress отлично поддерживает мультиязычность. С помощью специализированных плагинов можно создать полноценные версии сайта на разных языках с удобной синхронизацией контента. Важно правильно настроить URL-структуру, hreflang-теги для SEO и удобный переключатель языков — тогда каждая версия будет работать на привлечение своей аудитории.
