Бесплатный аудит
Главная · Кейсы · Дизайн сайта замков
Кейс · разработка · дизайн под SEO

Дизайн сайта ремонта замков: 15 типовых страниц от прототипа до вёрстки

По готовому прототипу отрисовали дизайн сайта услуг по ремонту и установке замков в Москве и области: калькулятор цены в 4 шага, ГЕО-блок по районам под LSI, бесконечные слайдеры услуг, отзывы и логотип с нуля. Сайт полностью свёрстан и запущен.

Ремонт и установка замков15 страниц дизайна
15
типовых страниц отрисовано и свёрстано
4 шагакалькулятор стоимости услуги
ГЕО-блокрайоны Москвы и города МО под LSI
100%элементов редактируемы под SEO
Задача

Дизайн, который продаёт и продвигается

Компания оказывает услуги по ремонту, замене и установке замков в Москве и Московской области. На предыдущем этапе для неё был спроектирован прототип; теперь предстояло превратить его в полноценный дизайн — современный, лёгкий и заточенный под поисковое продвижение.

Особенность ниши — срочность: клиент с сломанным замком не изучает сайт часами, ему нужны телефон, цена и кнопка вызова мастера. Поэтому в дизайне сразу закладывались акцентные кнопки «Калькулятор цены» и «Оставить заявку», кликабельный телефон, ссылки на мессенджеры и форма «Вызвать мастера» на первом экране.

Дизайн строился на аналитике конкурентов и с учётом дальнейшей оптимизации: каждый блок либо конвертирует, либо даёт поисковикам релевантность.

Что сделали

Главная страница по элементам

Разобрали и отрисовали каждый экран: от шапки до подвала.

Шапка: ГЕО с выбором города (только Москва и область — по географии услуг), меню-бургер с подсветкой услуг, акцентные кнопки калькулятора и заявки, режим работы, телефон с набором по клику, мессенджеры. Разработали и логотип под название компании. Две похожие кнопки «Оставить заявку» и «Перезвоните мне» — сознательное решение под SEO: разные формулировки собирают разные запросы.

Дальше — таблица цен с кликабельными ячейками, бесконечный слайдер услуг с ценами и мини-описаниями, этапы работы, калькулятор в 4 шага: услуга, тип замка с брендами, тип двери, допопции — с полем адреса и мгновенным расчётом. ГЕО-блок по районам Москвы и городам области насыщает страницу LSI-словами и ведёт на локальные посадочные.

Ниже — работы и отзывы в слайдерах с формой отзыва, вопрос-ответ аккордеоном, текст о компании и подвал со всеми контактами. Все элементы редактируемые — страницу можно точно оптимизировать под поисковые системы.

1Анализ конкурентов и прототипКоммерческие факторы ниши, структура страниц (отдельный этап проекта)20 ч
2Логотип и фирменные элементыРазработка логотипа под название компании, иконки услуг10 ч
3Дизайн главной страницыШапка, первый экран, прайс, услуги, этапы, ГЕО-блок, отзывы, подвал24 ч
4Калькулятор цены4 шага: услуга, тип замка и бренд, тип двери, допопции + расчёт12 ч
5Остальные 14 типовых страницУслуги, прайс, районы, о компании, контакты и другие шаблоны40 ч
6Передача в вёрстку и контрольСостояния элементов, формы, слайдеры, адаптив — сайт свёрстан полностью8 ч
Скриншоты

Как это выглядело в работе

Материалы проекта: макеты главной страницы и ключевых блоков.

Дизайн главной страницы сайта ремонта замков
Первый экран: акцентные кнопки, форма «Вызвать мастера» и линия услуг
Макет калькулятора стоимости услуг
Калькулятор цены: услуга, тип замка, тип двери, допопции
ГЕО-блок и слайдеры услуг по районам
ГЕО-блок по районам: LSI-слова и локальные посадочные
Результат

Что получил заказчик

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

Для продвижения заложены ГЕО-блок по районам и городам области, бесконечные слайдеры услуг, кликабельные таблицы и полностью редактируемые элементы — страница точно оптимизируется под любые запросы ниши.

15типовых страниц дизайна
4 шагакалькулятор стоимости с формой заявки
2 формы«Оставить заявку» и «Перезвоните мне» под разные запросы
100%блоков редактируемы под SEO-задачи
★★★★★

«Получили не просто красивые макеты, а рабочий инструмент: каждый блок объяснили — зачем он и что даёт. Калькулятор клиенты используют постоянно, заявки идут прямо с расчёта.»

РЗРуководитель сервиса ремонта замковМосква и Московская область

Вывод: дизайн сервисного сайта должен рождаться из аналитики, а не из вкусовщины. Тогда он одновременно продаёт и продвигается.

Бесплатно · результат в течение часа

Хочу так же

Оставьте адрес сайта — аудит-движок проверит его по 200 пунктам, покажем точки роста и пришлём план работ с часами, как в этом кейсе.

Получить бесплатный аудит