Кейс 02 · Local service · 2026

Крутой Сервис

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

Роль
Design engineering · frontend
Статус
Работает несколько месяцев
Стек
Next.js · React · Tailwind CSS
Фокус
Лиды · доверие · локальное SEO
Владимир · ремонт телефонов
Ремонт с понятной ценой

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

Разобранный iPhone 14 Pro
Hero · реальные фото ремонта

Задача. Сделать сайт для локальной мастерской во Владимире, который приводит к звонку, визиту на Тракторную или просмотру отзывов на Яндекс.Картах. Аудитория часто приходит с разбитым телефоном, в срочности и с опасением переплатить.

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

30–90
Минут на частые ремонты
12
Месяцев гарантии
4.9
Рейтинг на картах
3
Шага в калькуляторе

Визуальный принцип — “мастерская, которой можно доверять”: тёплый кремовый фон, тёмный текст, терракотовый CTA и спокойная сетка. Сайт намеренно не выглядит как SaaS-лендинг и не уходит в неоновый “repair tech”.

Палитра
Bitter
Golos Text · UI и body
Типографика
Restrained-палитра: нейтрали, тёплый фон и акцент только на действии

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

123
AppleSamsungXiaomi
Замена дисплеяот 5 990 ₽
Замена аккумулятораот 2 990 ₽
Прайс-калькулятор
Калькулятор: бренд → модель → услуга → предварительная цена

Для локального сервиса важнее доказательства, чем эффектные абстракции. Поэтому в проекте заложены карта, адрес, вход со стороны пешеходного перехода, отзывы, FAQ и реальные изображения устройств.

Вход в сервис ремонта телефонов
ул. Тракторная, 46/1
Вход со стороны пешеходного перехода

Рейтинг 4.9, гарантия до 12 месяцев, диагностика бесплатно.

Локальный контакт
Контактный блок: карта, вход, отзывы и быстрый звонок

Проект собран на Next.js 16 и React 19. Внутри — структурированные SEO-данные, sitemap/robots, Open Graph, `llms.txt`, доступные интерактивные компоненты, reduced motion и аккуратная мобильная версия для пользователей, которые чаще всего ищут ремонт с телефона.

Калькулятор и hero-карусель сделаны как продуктовые элементы, а не декор: они помогают принять решение, узнать порядок цены и перейти к звонку.

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

Local serviceNext.jsSEOКалькулятор ценыWCAG AA подход
Следующая работа
ProStore →