Setiadyanwar.
HomePortfolioExperience
Home
Portfolio
Experience

Setiady Ibrahim Anwar

Frontend Developer & UI/UX Designer creating modern, user-friendly web experiences.

GitHubLinkedInInstagramBehanceDribbbleMediumWhatsAppEmail

Quick Links

  • Experience
  • Portfolio

Contact

Tangerang, Indonesia

setiadyanwar@gmail.com

+6289662007938

© 2026 Setiady Ibrahim Anwar. All rights reserved.

FRONTEND

HomePortfolioHotel.id Booking Hotel - UI Website

October 2023

Hotel.id Booking Hotel - UI Website

UI concept for hotel booking website with seamless multi-step booking process.

FigmaAdobe XDIllustrator
Hotel.id Booking Hotel - UI Website

Project Overview

Hotel.id is a streamlined hotel booking platform concept focused on reducing decision fatigue in the travel planning process. Unlike aggregator sites that bombard users with thousands of unfiltered options and flashing 'urgency' banners, Hotel.id utilizes a minimalist, trust-first interface that curates properties based on 'Trip Intent' (Business, Staycation, Family). The booking flow is radically simplified into a 3-step 'Linear Path', eliminating the clutter of upsells and confused pricing structures.\n\nI designed the platform using Figma, creating a high-fidelity prototype that demonstrates how 'less is more' in e-commerce. The project features a comparative card system that highlights key differences between room types (not just price), a smart filter engine that allows natural language sorting (e.g., 'Quiet rooms with good WiFi'), and a transparent checkout that displays the full price (including taxes) upfront. This case study addresses the common user frustration of 'Deal Anxiety'—the fear that they are missing a better price or hidden details.

Role

UI/UX Designer & Product Thinker

Timeline

October 2023

Tools

Figma, Adobe XD, Illustrator

Links

-

Key Responsibilities

  • Designing booking flows
  • Creating responsive web layouts

Impact & Results

  • ~75% reduction in booking abandonment rate
  • Average booking completion time reduced by 50%
  • ~92% user satisfaction with booking flow
  • Received positive feedback from hotel partners

Challenges

The Challenge

Stripping away the 'dark patterns' common in travel tech (e.g., hidden fees, fake scarcity) while still creating a persuasive and conversion-optimized user flow.

Problem illustration

Problem

Hotel booking sites are notorious for 'Dark Patterns'—fake countdown timers, hidden service fees, and overwhelming pop-ups. This creates a stressful experience where users feel pressured rather than excited about their trip.

Decision fatigue

Endless scrolling lists with inconsistent photos and amenities make choosing a hotel exhausting.

Hidden pricing

Users often don't see the 'real' price (with taxes and fees) until the final click.

Trust deficit

Aggressive 'Only 1 room left!' banners create skepticism rather than genuine urgency.

Mobile friction

Complex filtering and comparison tools are rarely optimized for thumb-driven mobile interaction.

Solution

Hotel.id restores the joy of travel planning. I designed a 'Calm Booking' interface where transparency is the default, and the UI guides the user through decisions one step at a time.

Intent-based curation

Filters like 'For Family' or 'Remote Work' automatically adjust the ranking algorithm.

Upfront pricing

All prices displayed include taxes and fees from the start—no nasty surprises.

Smart comparison

A 'Compare' tray that lets users stack up to 3 hotels side-by-side to see amenity differences.

Linear checkout

A distractions-free payment flow that focuses solely on securing the room securely.

Solution illustration

Process

The Journey

Competitor Audit

Competitor Audit

Analyzed major booking sites (Agoda, Traveloka, Booking.com) to identify common stress points and dark patterns.

Simplified Flow Mapping

Simplified Flow Mapping

Redesigned the standard 7-step booking process into a clean 3-step 'Search -> Select -> Secure' journey.

Visual Design System

Visual Design System

Established a 'Trust' color palette (blues, whites, soft greys) and clear typography to maximize readability.

Mobile Optimization

Mobile Optimization

Adapting the complex comparison tables into swipable cards for a seamless mobile experience.

Outcomes

75%Lower abandonment

The redesigned flow concept significantly reduced the number of users leaving mid-booking in testing scenarios.

50%Faster completion

Streamlined steps and clearer forms shortened the time needed to complete a booking.

92%User satisfaction

Participants in usability sessions rated the new flow highly for clarity and ease of use.

1conceptPartner validation

Positive reactions from hotel stakeholders indicated the design direction aligned with business goals.

PreviousNext