МосМеталлСтудио.

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

Главная страница сайта MosMetaStudio: меню, заголовок «Студия Металла», блок услуг и примеры работ.
Год
2026
Отрасль
Студия по изготовлению изделий из металла
Роль
Корпоративный сайт с каталогом
Стек
Next.js, React, JavaScript, CSS

Как создать сайт, который отразит все виды наших работ и убедит заказчика в качестве?

Коротко о проекте

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

Что было

Потенциальные клиенты не видели портфолио студии

У студии металлообработки не было сайта, который бы показывал спектр услуг и реализованные работы.

Изделия самые разные — от банных чанов до потолочных панелей, и непонятно было, как их структурировать.

Клиентам было сложно понять, какие услуги предлагает студия и насколько качественно она работает.

Что сделали

Разработали сайт с каталогом и услугами

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

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

Добавили форму обратной связи и кнопки мессенджеров для быстрой связи.

  • Структура: главная, услуги, работы, контакты
  • Каталог с типом работ, годом и городом
  • Форма заявки и кнопки мессенджеров
  • Админ-панель для самостоятельного управления

Сложное место

Разноплановые проекты требовали аккуратной структуры

В одном портфолио оказались и банные чаны, и потолочные панели, и камины — это разные товарные категории.

Если показать их без разделения, посетитель теряет фокус.

Мы решили разбить работы по типам и дать каждой карточке единый шаблон: фото, год, город, назначение.

На страницах услуг сделали акцент на индивидуальном производстве и контроле качества.

Как запускали

Проверили формы и мобильную версию

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

Убедились, что кнопки мессенджеров открывают правильные чаты.

После запуска клиент получил доступы к админ-панели и смог вносить правки сразу.

Что осталось у клиента

Клиент сам обновляет портфолио

Мы передали сайт с адаптивной вёрсткой и административной панелью.

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

Каталог и услуги редактируются через админку, контакты обновляются автоматически.

  • Админ-панель для добавления работ
  • Адаптивная вёрстка
  • Форма заявки и мессенджеры
  • Доступы к админ-панели

Почему такой стек

Next.js

Выбрали Next.js, чтобы сайт быстро загружался и был понятен поисковикам. Это важно для каталога с большим числом изображений и фильтрами.

Админ-панель

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

Мессенджеры и форма

Интегрировали кнопки WhatsApp и Telegram рядом с формой заявки. Заказы приходят сразу в мессенджер, и менеджер отвечает быстрее.

Услуги из этого проекта

Читайте по теме

Ещё из портфолио

Похожие проекты

Все проекты →

Заявка на разработку

Расскажите о проекте

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

  • Ответим в течение рабочего дня
  • Зададим уточняющие вопросы по задаче
  • Пришлём смету, состав работ и сроки

Или напишите напрямую: info@egerpro.ru · Telegram @EgerGeorg

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