Концепт сайта для детейлинг-центра: клиент быстро понимает цену и оставляет заявку, а владелец сам ведёт цены, работы и отзывы без программиста. Чтобы выбрать подход до запуска, сделал три варианта с разной логикой, а не три цвета одного макета.
Что сделано:
• Вариант «премиум» — многостраничник, заявка после доказательств; «мастерская» — лента с разборами работ; «конфигуратор» — клиент отмечает услуги и сразу видит вилку цены и срок.
• Страница сравнения: переключатель открывает тот же раздел в другом варианте, кнопка «Мне нравится» собирает голоса.
• Работы «до/после» со слайдером, отзывы, акции, контакты с картой.
• Заявка с выбором услуги и способа связи (звонок, WhatsApp, Telegram), отдельный сценарий для компаний; повторная отправка не создаёт дубль. Из конфигуратора заявка уходит с готовым составом работ, классом кузова и вилкой цены.
• Админ-панель: заявки со статусами и фильтрами, услуги и цены, работы с загрузкой фото, отзывы, акции, тексты, контакты. Вход по паролю с защитой от перебора.
• SEO: разметка schema.org, sitemap, robots.
• Адаптив: на телефоне — панель звонка и мессенджеров, расчёт закреплён внизу экрана.
Результат:
• Цена, изменённая в админке, сразу меняется во всех трёх вариантах.
• Запуск одной командой: база и демо-наполнение создаются сами.
• 154 автотеста.
Стек: Next.js, React, TypeScript, SQLite. На скриншотах — демо-данные, фото стоковые.