Редизайн сайта отеля Bambu Indah - My Framer Site

Редизайн сайта отеля Bambu Indah

Как я разработала UX/UI дизайн, который передает атмосферу приватного отдыха и увеличил конверсию на 9% через эмоциональное вовлечение.

Роль

UX/UI Designer

Срок

4 месяца

Продукт

Web Interface

Навыки

UI Design UX Research Prototyping

Индустрия

HoReCa

Контекст проекта

Bambu Indah — эко-отель премиум-класса на Бали, построенный из бамбука в джунглях. Уникальная концепция "жизни в гармонии с природой" не отражалась в устаревшем веб-дизайне, что снижало доверие и конверсию.

Главная задача

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

Моя роль

Провела UX research для понимания целевой аудитории, разработала визуальную концепцию, создала полный UI дизайн всех страниц с UI-Kit. Не занималась функционалом бронирования (это была интеграция со сторонней системой).

Контекст проекта

Bambu Indah — эко-отель премиум-класса на Бали, построенный из бамбука в джунглях. Уникальная концепция "жизни в гармонии с природой" не отражалась в устаревшем веб-дизайне, что снижало доверие и конверсию.

Главная задача

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

Моя роль

Провела UX research для понимания целевой аудитории, разработала визуальную концепцию, создала полный UI дизайн всех страниц с UI-Kit. Не занималась функционалом бронирования (это была интеграция со сторонней системой).

Метрики до редизайна

Конверсия

Bounce rate

Avg session

2.1%

71%

1:12 m

Метрики до редизайна

Конверсия

Bounce rate

Avg session

2.1%

71%

1:12 m

Метрики до редизайна

Конверсия

Bounce rate

Avg session

2.1%

71%

1:12 m

a black cellphone with a white letter on it
a black cellphone with a white letter on it
a black cellphone with a white letter on it
a cell phone leaning on a ledge
a cell phone leaning on a ledge
a cell phone leaning on a ledge

Проблемы старого дизайна

Не передает уникальность

Типовой дизайн не отражал философию отеля и атмосферу джунглей. Сайт выглядел как обычный отель, не премиум eco-resort.

Не передает уникальность

Типовой дизайн не отражал философию отеля и атмосферу джунглей. Сайт выглядел как обычный отель, не премиум eco-resort.

Не передает уникальность

Типовой дизайн не отражал философию отеля и атмосферу джунглей. Сайт выглядел как обычный отель, не премиум eco-resort.

Плохая типографика

Стандартные шрифты не создавали ощущение премиальности и не соответствовали бренду эко-люкс отеля.

Плохая типографика

Стандартные шрифты не создавали ощущение премиальности и не соответствовали бренду эко-люкс отеля.

Плохая типографика

Стандартные шрифты не создавали ощущение премиальности и не соответствовали бренду эко-люкс отеля.

Слабая визуальная презентация

Фотографии уникальных бамбуковых домов терялись в плохо продуманной композиции. Не было эмоционального вовлечения.

Слабая визуальная презентация

Фотографии уникальных бамбуковых домов терялись в плохо продуманной композиции. Не было эмоционального вовлечения.

Слабая визуальная презентация

Фотографии уникальных бамбуковых домов терялись в плохо продуманной композиции. Не было эмоционального вовлечения.

Нет сторителлинга

Отсутствовала история каждого дома (Jawa Lama и т.д.). Пользователи не понимали разницу между номерами.

Нет сторителлинга

Отсутствовала история каждого дома (Jawa Lama и т.д.). Пользователи не понимали разницу между номерами.

Нет сторителлинга

Отсутствовала история каждого дома (Jawa Lama и т.д.). Пользователи не понимали разницу между номерами.

Исследование

Изучила ЦА и конкурентов для понимания, как визуально передать уникальность отеля.

Целевая аудитория

Conscious travelers (70%)
  • 28-45 лет, высокий доход

  • Ценят аутентичность и экологичность

  • Ищут уникальный опыт, а не просто отель

  • Принимают решение на основе визуала и эмоций

Conscious travelers (70%)
  • 28-45 лет, высокий доход

  • Ценят аутентичность и экологичность

  • Ищут уникальный опыт, а не просто отель

  • Принимают решение на основе визуала и эмоций

Wellness seekers (30%)
  • 30-55 лет, ищут перезагрузку

  • Интересуются йогой, медитацией, природой

  • Готовы платить за качество и опыт

  • Важна атмосфера спокойствия на сайте

  • Instagram как источник вдохновения

Wellness seekers (30%)
  • 30-55 лет, ищут перезагрузку

  • Интересуются йогой, медитацией, природой

  • Готовы платить за качество и опыт

  • Важна атмосфера спокойствия на сайте

  • Instagram как источник вдохновения

Ключевые инсайты

Визуал решает всё

89% респондентов сказали, что выбирают уникальные отели по фото и дизайну сайта. Первое впечатление формируется за 3 секунды.

История и аутентичность важнее удобств

Для премиум эко-сегмента важна уникальная история каждого дома, его происхождение, философия. Удобства вторичны.

Атмосфера через дизайн

Пользователи хотят "почувствовать" джунгли и спокойствие еще до приезда. Темная палитра, природные текстуры, воздух в композиции.

Визуал решает всё

89% респондентов сказали, что выбирают уникальные отели по фото и дизайну сайта. Первое впечатление формируется за 3 секунды.

История и аутентичность важнее удобств

Для премиум эко-сегмента важна уникальная история каждого дома, его происхождение, философия. Удобства вторичны.

Атмосфера через дизайн

Пользователи хотят "почувствовать" джунгли и спокойствие еще до приезда. Темная палитра, природные текстуры, воздух в композиции.

Визуал решает всё

89% респондентов сказали, что выбирают уникальные отели по фото и дизайну сайта. Первое впечатление формируется за 3 секунды.

История и аутентичность важнее удобств

Для премиум эко-сегмента важна уникальная история каждого дома, его происхождение, философия. Удобства вторичны.

Атмосфера через дизайн

Пользователи хотят "почувствовать" джунгли и спокойствие еще до приезда. Темная палитра, природные текстуры, воздух в композиции.

Ключевые страницы

Главная страница

Иммерсивный hero с крупной типографикой задает тон. Визуальная навигация по домам через мандалу — уникальный элемент, отражающий балийскую культуру.

Результат: +45% время на главной, 89% пользователей скроллят дальше hero

Главная страница

Иммерсивный hero с крупной типографикой задает тон. Визуальная навигация по домам через мандалу — уникальный элемент, отражающий балийскую культуру.

Результат: +45% время на главной, 89% пользователей скроллят дальше hero

Главная страница

Иммерсивный hero с крупной типографикой задает тон. Визуальная навигация по домам через мандалу — уникальный элемент, отражающий балийскую культуру.

Результат: +45% время на главной, 89% пользователей скроллят дальше hero

Страница Experience

Акцент на эмоциях и атмосфере через фотографии в полный экран. Информация о ресторанах, барах и активностях подается через визуал.

Результат: показатель вовлченности с контентом о дополнительных услугах +24%

Страница Experience

Акцент на эмоциях и атмосфере через фотографии в полный экран. Информация о ресторанах, барах и активностях подается через визуал.

Результат: показатель вовлченности с контентом о дополнительных услугах +24%

Страница Experience

Акцент на эмоциях и атмосфере через фотографии в полный экран. Информация о ресторанах, барах и активностях подается через визуал.

Результат: показатель вовлченности с контентом о дополнительных услугах +24%

Страница Room

Каждый дом представлен как отдельная история. Крупная типографика с названием, визуальный storytelling через фото, акцент на уникальных особенностях.

Результат: +67% переходов к бронированию с карточек домов

Страница Room

Каждый дом представлен как отдельная история. Крупная типографика с названием, визуальный storytelling через фото, акцент на уникальных особенностях.

Результат: +67% переходов к бронированию с карточек домов

Страница Room

Каждый дом представлен как отдельная история. Крупная типографика с названием, визуальный storytelling через фото, акцент на уникальных особенностях.

Результат: +67% переходов к бронированию с карточек домов

Результаты

Метрики отслеживались 2 месяца после запуска MVP (сравнение с предыдущим периодом).

+6%

Конверсия

2.1% → 3.5%

38%

Bounce rate

71% → 38%

2:33 m

Avg session

1:12 → 2:33 мин

52%

Просмотр домов

Конверсия с карточки

Давайте работать вместе!

Напишите мне в тг, чтобы обсудить дальнейшую работу

Telegram

Telegram

Давайте работать вместе!

Напишите мне в тг, чтобы обсудить дальнейшую работу

Telegram

Telegram

Давайте работать вместе!

Напишите мне в тг, чтобы обсудить дальнейшую работу

Telegram

Telegram

Create a free website with Framer, the website builder loved by startups, designers and agencies.