ortonik.ru
Новая вёрстка интернет-магазина ортопедических товаров поверх недокументированного проекта на Laravel — без миграции.
Что было сделано
- Вёрстка каталога и карточекАдаптивная вёрстка каталога, фильтров и карточек товара на Tailwind CSS.
- Интерактивность на Alpine.jsЛёгкие интерактивные компоненты — меню, фильтры, слайдеры — без тяжёлого фреймворка.
- Реверс-инжиниринг проекта на LaravelРазобрался в структуре Blade-шаблонов и данных недокументированного проекта на Laravel.
- Интеграция без миграцииВстроил новую вёрстку в существующие Blade-шаблоны, не изменив бизнес-логику магазина.
Технологии
Результат
Получилось полностью обновить интерфейс — каталог, карточки товаров, фильтры и мобильную версию — не переписывая и не мигрируя бэкенд. Магазин продолжил работать на том же Laravel-проекте, сохранив весь функционал и данные, но получил современный адаптивный интерфейс.
Клиент настоял на Tailwind CSS
У заказчика было чёткое требование — вёрстка только на Tailwind CSS, без препроцессоров и UI-китов. При этом сайт работал на Laravel с устаревшими Blade-шаблонами и глобальным CSS, которые нельзя было трогать, не сломав старые страницы.
Настроил Tailwind поверх существующих Blade-шаблонов: подключил сборку через PostCSS/Vite, ограничил content только реальными файлами проекта, чтобы purge не резал нужные классы, и изолировал новую вёрстку от legacy-стилей, не переписывая старую логику Laravel-приложения.
Недокументированный проект на Laravel
У клиента уже был готовый сайт, который сделала другая студия на Laravel — без единой строчки документации. Как устроены роуты, контроллеры и Blade-шаблоны, где хранится бизнес-логика магазина и как всё связано между собой, пришлось выяснять прямо по коду.
Разобрался в структуре Laravel-приложения через реверс-инжиниринг роутов, контроллеров, моделей Eloquent и Blade-шаблонов, восстановил логику работы каталога и корзины и дописал недостающую вёрстку прямо поверх него — не трогая то, что уже стабильно работало.
Нужен похожий сайт или сервис?
Расскажите о задаче — оценю сроки и стоимость, отвечу в течение дня.
Другие проекты
Дистрибьютор медицинского оборудования Inomed
Интеграция вёрстки в MODX для официального дистрибьютора медицинского оборудования Inomed: каталог продукции по категориям и области применения с глубокой технической структурой и якорной навигацией.
Гостиница «Фатима» в Казани
Перенос сайта гостиницы с WordPress на конструкторе Elementor на Hugo и Decap CMS ради максимальной скорости: новая вёрстка с нуля, исправлены все ошибки, 92 балла Google PageSpeed за производительность и 100 за SEO.
Интернет-магазин сценического оборудования MAINFX
Вёрстка, интегрированная с Laravel, для интернет-магазина сценического оборудования: карточки товаров с техническими таблицами и аксессуарами, страница фирменного приложения ShotControl App и полностью двуязычный интерфейс.