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

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

Адрес: https://egerpro.ru/proekty/mosmetalstudio/
Обновлено: 2026-08-29

Год

2026

Отрасль

Студия по изготовлению изделий из металла

Роль

Корпоративный сайт с каталогом

Стек

Next.js, React, JavaScript, CSS

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

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

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

Что было

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

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

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

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

Что сделали

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

Мы спроектировали [корпоративный сайт](https://egerpro.ru/uslugi/korporativnyj-sajt/) с раздельной подачей услуг и портфолио.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Next.js

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

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

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

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

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

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

[### Корпоративные сайты Разработка корпоративного сайта: до 15 разделов, каталог услуг, блог, интеграция с CRM. Срок 3–5 недель, от 120 000… от 120 000 ₽ 3–5 недель](https://egerpro.ru/uslugi/korporativnyj-sajt/) [### Разработка сайтов под ключ Разработка сайтов под ключ: лендинги, корпоративные сайты, магазины и веб-сервисы. Форматы, сроки и цены — фиксируются в договоре. от 50 000 ₽ от 10 дней](https://egerpro.ru/uslugi/razrabotka-sajtov/)

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

- [Структурированные данные: разметка, которая приводит трафик](https://egerpro.ru/blog/strukturirovannye-dannye-schema-org/) — Разметка каталога помогает поисковикам показывать работы