Запустили сайт для отеля Domina в Пулково за 1,5 месяца

Пятница, вечер. На почту YouRich приходит письмо: макет в Figma и тестовое задание от нового потенциального клиента — известного отеля Domina Пулково в Санкт-Петербурге.

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

Так для команды YouRich начался спринт по разработке сайта для одного отеля сегмента Premium культурной столицы.

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

Задача была нетривиальной. У клиента уже был подрядчик, который работал над сайтом, но, по словам заказчика: «Работал ночью, днем спал, и с ним было тяжело выйти на связь».

В итоге сроки были сорваны, а на руках у отеля остался недоделанный проект с набором багов.

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

Техническое задание содержалось в макете «Figma». Это не совсем стандартная практика, она таит в себе нюансы, которые мы в тот момент не могли учесть в полной мере из-за сжатых сроков.

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

— Никита, ведущий разработчик проекта

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

За 3 дня мы успешно справились с тестовым заданием и получили «зелёный свет» на весь проект.

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

Мы заложили эту логику в архитектуру на Laravel и October CMS. Эта связка позволяет создать удобную административную панель, где менеджер отеля может самостоятельно управлять контентом, не привлекая разработчиков по каждому мелкому поводу.

Изначально казалось, что работа будет несложной: взять готовые компоненты от предыдущего разработчика и «собрать» из них новые страницы по макету. Но реальность оказалась куда суровее.

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

Пытаться «причесать» этот код означало бы потратить в разы больше времени, чем написать его заново.

Было принято стратегическое решение: создавать всё с нуля. Взяли за основу лишь базовые микроэлементы и начали полностью переписывать фронтенд. Изначальный план работ и итоговый фронт отличались кардинально. Проект предварительно оценивался в 200 часов, в итоге занял около 300.

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

Работа с «живым» макетом и результат

Ещё одной особенностью проекта стало то, что ТЗ в Figma со временем изменилось.

За время разработки макет вырос почти в 2,5 раза. Дизайнеры со стороны клиента добавляли новые страницы, вносили правки в уже существующие.

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

Итог работы за 1,5 месяца (с 15 апреля по 30 мая):

Сейчас мы находимся на этапе поддержки: вносим финальные правки от дизайнера и клиента.

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

Сталкивались с ошибками в чужом коде? Как выходили из ситуации? Поделитесь своим опытом в комментариях!