Строительство & Ремонт

Net Rénovation

Сайт мастера по гипсокартону, созданный для телефона, — потому что именно там его клиенты.

Год
2026
Разработка
2 недели
Стек
React · Vite · Tailwind · Vercel
  • Дизайн mobile-first
  • Разработка
  • Локальное SEO
  • Тексты
Перейти на сайт(в новой вкладке)Обсудить похожий проект
https://www.net-renovation.fr
Главная страница сайта Net Rénovation — Строительство & Ремонт, создан Kayzen Web
посещений с мобильных
80 %
ширина эталонного макета
375 px
производительность — задача в работе, оценена
59/100
Отправная точка

Какую задачу нужно было решить.

Контекст

Лионский мастер по гипсокартону: перегородки, облицовка стен, подвесные потолки, внутреннее утепление — для частных клиентов и ремонтных объектов.

Ограничение

Более 80 % посещений приходится на телефон, часто из поиска в Google Maps, в течение дня. Прежний сайт был рассчитан на десктоп и становился непригодным на мобильных: форма за пределами экрана, некликабельный номер.

Решение

Всё было сначала нарисовано для экрана шириной 375 пикселей, а потом расширено. Номер телефона всегда кликабелен, форма помещается на один экран, а услуги описаны языком клиента — «переделать потолок», а не «подвесной потолок из гипсокартона BA13».

Измерено, а не заявлено

Показатели на момент сдачи.

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

PageSpeed
59
Производительность: 59 из 100
96
Доступность: 96 из 100
100
Лучшие практики: 100 из 100
100
SEO: 100 из 100
Дизайн и арт-дирекшн

Каждое решение — и его причина.

  1. Нарисовано под 375 пикселей

    Эталонный макет — мобильный, а не десктопный. Обратный подход всегда приводит к ухудшенной мобильной версии — а именно там 80 % посетителей.

  2. Словарь клиента

    Услуги названы так, как их формулирует клиент. Техническая лексика есть, но на втором уровне — она успокаивает, не отталкивая.

  3. Звонок и смета всегда под рукой

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

Палитра проекта

  • Сланцево-синий

    #2C4A63

    Фирменный стиль

  • Оранжевый

    #D96D2B

    Действие

  • Гипсовый белый

    #F7F7F5

    Фон

  • Чернила

    #1E2226

    Текст

Типографическая система

Заголовки

Outfit 700

Основной текст

Inter 400

Двух семейств достаточно; третье, унаследованное от исходного контента, отмечено к удалению в плане оптимизации.

Разработка

Что внутри.

  • React
  • Vite
  • Tailwind
  • Vercel

  1. Признанная задача по производительности

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

  2. Снисходительная форма

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

SEO-продвижение

Как сайт становится находимым.

  1. «Монтажник гипсокартона Лион» и соседние коммуны

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

  2. Согласованность с карточкой Google

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

Структура сайта

Что было сдано.

  • Главная
  • Услуги
  • Работы
  • Зоны обслуживания
  • Смета
Метод

Ход проекта.

  1. Сначала мобильный

    Макет 375 px, панель действий, форма на один экран.

  2. Контент

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

  3. Разработка

    Снисходительная форма, локальное SEO.

  4. Впереди

    Нормализация изображений и удаление лишнего шрифта.

Вопросы

О чём нас часто спрашивают.

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

Другие проекты

Вернуться к портфолио

Тот же уровень требований — для вашего сайта.

Бесплатный аудит вашего текущего сайта, смета в течение 24 часов и письменное обоснование — такое же, как то, что вы только что прочитали. Оплата в три этапа без переплаты; местные программы поддержки проверяются до подписания.

Записаться на встречуПосмотреть цены
Поделиться