Коммерческий проект
От структуры и UX/UI-дизайна до готового сайта
Многостраничный сайт отеля в историческом центре Владимира. Для проекта созданы отдельные страницы, чтобы подробно представить номерной фонд и услуги, помочь гостям разобраться в вариантах размещения и перейти к бронированию.
Я спроектировала структуру и пользовательские сценарии, разработала UX/UI-дизайн в Figma, собрала сайт на Tilda и дополнила стандартные возможности платформы собственным HTML/CSS-кодом.
Что было сделано:
- Спроектирована структура многостраничного сайта и путь пользователя от знакомства с отелем до бронирования.
- Разработан UX/UI-дизайн основных страниц сайта в Figma, включая отдельные страницы номерного фонда.
- Организована подача информации о номерах и услугах, чтобы посетителям было проще изучать варианты размещения.
- Фотографии подготовлены в единой стилистике гравюры, поддерживающей исторический характер отеля.
- Сайт собран на Tilda с использованием Zero Block и адаптацией под разные устройства.
- Написан собственный HTML/CSS-код для нестандартных элементов интерфейса и слайдеров.
- Добавлены анимации, интерактивные переходы и формы бронирования.
Задача проекта
Создать не просто информационный сайт, а полноценный многостраничный ресурс, который передаёт характер отеля, подробно раскрывает номерной фонд и услуги и помогает гостю пройти путь от знакомства с отелем до бронирования.
Основные задачи:
- Передать атмосферу исторического Владимира через визуальный язык сайта.
- Продумать отдельные страницы номеров и понятную навигацию между вариантами размещения и услугами.
- Обеспечить корректную работу сайта на мобильных устройствах, планшетах и десктопах.
- Реализовать нестандартные интерактивные элементы, выходящие за рамки стандартных возможностей Tilda.
- Создать ощущение уютного и качественного сервиса ещё до приезда гостя.
Визуальная концепция
Основой стала концепция «современной историчности» — сочетание атмосферы старого Владимира с современным цифровым интерфейсом.
Ключевой визуальный приём — фотографии, обработанные в стиле гравюры. Он помогает связать современный сайт с историческим контекстом города и одновременно формирует узнаваемый визуальный образ проекта.
Тёплая природная палитра, архитектурные оттенки и выразительная типографика поддерживают атмосферу исторического места, сохраняя при этом хорошую читаемость интерфейса.
Решение
Решение объединяет выразительный визуальный образ отеля с логичной структурой страниц. Каждая часть сайта помогает раскрыть информацию и поддерживает общий путь пользователя к выбору номера и бронированию.
Ключевые принципы:
- Единая визуальная концепция поддерживает атмосферу исторического места, не мешая удобству навигации.
- Отдельные страницы помогают подробно представить номерной фонд и услуги отеля.
- Собственный HTML/CSS-код расширяет стандартные возможности Tilda: реализованы слайдеры и интерактивные элементы.
- Анимации сопровождают просмотр контента и поддерживают цельное визуальное повествование.
- Все страницы объединены общей типографикой, цветовой палитрой, иконографикой и стилем изображений.
Результат
Создан и передан заказчику готовый многостраничный сайт отеля: от визуальной концепции и структуры до адаптивной сборки на Tilda с собственными интерактивными элементами.
Проект позволил:
- Выделить отель за счёт узнаваемого визуального языка.
- Подробно представить номера на отдельных страницах и упростить изучение вариантов размещения.
- Выстроить понятный путь от знакомства с отелем к выбору номера и бронированию.
- Реализовать нестандартную визуальную концепцию средствами Tilda и собственного HTML/CSS-кода.
Главная страница сайта
Знакомит с отелем, задаёт визуальное настроение и помогает перейти к основным разделам и бронированию.
Страницы номеров и услуг
Отдельные страницы раскрывают информацию о вариантах размещения и услугах отеля, помогая гостям изучить предложения перед бронированием.
