Клиенту требовался современный лендинг для гостиничного комплекса, который должен был корректно работать на всех устройствах, быть визуально аккуратным и удобным для пользователей, а также легко управляться без привлечения разработчика.
Основной задачей было создать понятную структуру страницы без перегруженности, реализовать интерактивные блоки (отзывы, FAQ, карта, контакты) и обеспечить комфортный пользовательский опыт как на десктопе, так и на мобильных устройствах. Отдельным требованием была возможность редактирования контента через WordPress без правки кода.
Я выполнил адаптивную HTML/CSS-вёрстку лендинга по дизайн-макету с отдельными сценариями поведения блоков для desktop, tablet и mobile. Структура страницы была продумана таким образом, чтобы информация воспринималась последовательно и без визуальной перегрузки. Добавлены аккуратные анимации и hover-эффекты без ущерба для производительности.
После этого вёрстка была посажена на WordPress с использованием кастомной темы. Настроен ACF для управления контентом: тексты, контакты, отзывы и блок «Вопрос–ответ» редактируются через удобную админку без необходимости вмешательства в код. Административная часть проекта была упрощена и очищена от лишних элементов для комфортной работы клиента.
Дополнительно реализованы интерактивные блоки:
— секция отзывов с динамическим отображением и поддержкой длинных текстов;
— блок «Вопрос–ответ» в формате аккордеона с анимацией;
— карта (iframe) с логикой активации по клику, чтобы избежать перехвата прокрутки страницы;
— адаптивный блок «Контакты», который на десктопе отображается поверх карты, а на мобильных устройствах вынесен в отдельную секцию.
Особое внимание уделено UX: учтены особенности touch-устройств, устранены конфликты прокрутки (карта, длинные тексты), обеспечены плавные и логичные переходы между блоками.
В результате получился полноценный лендинг для гостиничного комплекса, корректно работающий на всех устройствах и готовый к использованию в реальном бизнесе. Сайт легко администрируется через WordPress, не требует технических знаний для обновления контента и может без проблем развиваться и дополняться в дальнейшем.
Проект демонстрирует работу с адаптивной вёрсткой, кастомными WordPress-темами, интерактивными элементами и вниманием к пользовательскому опыту.
Пожаловаться
