// 01
The Problem
Search and filter had too many steps. Cancellation and refund policy were unclear. Multilingual support was clunky. Low conversion because trust signals and booking confidence were missing.
[ CS-09 // EBED BOOKING ]
Hotel booking, without the friction
Bilingual, mobile-first booking with clear trust signals and a refund flow that actually makes sense.
UX / UIFrontendBackend
// EBED BOOKING_HEROCS-09
// Overview
Hotel booking sites had become complex, confusing flows, language barriers, weak mobile experience. ebed Booking's search, filter, cancellation and refund journeys needed to be rebuilt with Arabic/English support and currency switching that felt native.
Audience
Arabic-speaking travelers & tourists
Reach
MENA + GCC
// Process
How we built it
01/
User Research
5 days
02/
Personas & Pain Points
4 days
03/
Wireframes & Prototype
8 days
04/
Frontend & Backend
20 days
05/
QA & Launch
6 days
// 02
The Solution
Streamlined search and filter, clear confirmation and refund flow with progress indicators, responsive localized UI with full RTL support for Arabic, trust elements (reviews, badges, secure payment) and a mobile-first pass with faster loads.
// 03
Delivery
UX/UI, front-end and back-end all in-house. RTL integration, multilingual content, prototyping, competitive analysis, visual design, QA and deployment.
// Problem
- ×Users find hotel booking sites complex with confusing flows.
- ×Multilingual (AR/EN) and currency switching were clunky.
- ×Cancellation and refund policies were unclear.
- ×Low conversion because trust signals were weak.
// Solution
- →Streamlined search & filter, fewer steps.
- →Clear booking confirmation, refund policy and progress indicators.
- →Responsive localized UI with full RTL for Arabic.
- →Trust elements: reviews, badges, secure payment.
- →Mobile-first pass with reduced load times.
// Deliverables
- User research + personas
- Wireframes + prototypes
- Front-end + back-end build
- RTL + multilingual integration
- QA, testing & deployment
// Stack
ReactNode.jsi18n / RTLPayments gateway
// Typography
- Inter (Latin)
- IBM Plex Sans Arabic (RTL)
// Palette
Booking Teal
#0F766E
Slate Ink
#111827
Paper
#F5F5F4
// Results
- ✓Full RTL AR/EN parity
- ✓Multi-currency localized pricing
- ✓Mobile-first rebuild with faster loads
// Outcomes
The result
AR / EN
Full RTL bilingual
Multi-currency
Localized pricing
Mobile-first
Rebuild