Jerry Melvin J
Back to Selected Work
CASE STUDY [03 / 04]•2023 - 2024
TL;DR Metric Header
Executive Overview
01 / RoleLead UX Designer & Information Architect
02 / Timeline5 Months (Q4 2023–Q1 2024)
03 / PlatformGeospatial Map & Bi-directional RTL Web
04 / Business Impact94.2% First-Attempt Delivery Rate, -62% Courier Calls
Executive Takeaway:Designed a localized map-integrated fulfillment architecture tailored to UAE address infrastructure, resolving regional logistics blind spots and accelerating checkout conversion.
AnE E-Commerce Platform

Bridging Regional Address Infrastructure & Fulfillment Transparency in Gulf E-Commerce

Localized Map-Integrated Fulfillment Architecture & Bilingual RTL UX

94.2%
First-Attempt Delivery Success

Surged from 61% baseline via precision spatial pin-drop capture.

35s avg
Address Input Time

Reduced form completion friction by 55% across mobile touchpoints.

-62%
Support Deflection

Virtually eliminated courier 'Where is your villa?' phone calls.

98.5%
RTL Usability Score

Native Arabic typography pairing with seamless mirror ergonomics.

Interactive Walkthrough Video
Embed Ready

Design & Architecture Walkthrough

Designed a localized map-integrated fulfillment architecture tailored to UAE address infrastructure, resolving regional logistics blind spots and accelerating checkout conversion.

Seamless YouTube Embed Component Active
01 / Problem & Behavioral Friction

The Friction Baseline & Funnel Drop-off.

Western e-commerce form patterns assume 'Street Name + House Number + Zip Code'. In Dubai, Abu Dhabi, and Riyadh, postal codes are largely absent; drivers rely on landmarks ('Opposite Al Wasl Park, Villa 12'). Western inputs caused 39% first-attempt delivery failures and extreme courier call overhead.

Friction Point #1

Zip code field was mandatory despite having no functional meaning in the UAE, confusing users.

Friction Point #2

Couriers made an average of 2.8 phone calls per order trying to locate residential villas.

Friction Point #3

Arabic (RTL) users faced mirrored layout bugs and poor typography rendering on mobile.

Friction Point #4

Delivery slots were vague, failing to indicate specific day vs. evening availability windows.

02 / Strategic Decisions & Tradeoffs

Architectural Execution & Strategic Decisions.

Every design choice optimized for conversion velocity, human clarity, and system scalability.

Decision 01Outcome: First-attempt delivery success skyrocketed from 61% to 94.2%.

Replacing rigid text fields with interactive geospatial pin-dropping

The Strategic Rationale

“Rather than making users type descriptive essays about their location, we introduced an interactive GPS pin-drop modal that snaps to building footprints and pulls verified Makani 10-digit coordinates automatically.”

Execution Pillars:
  • Auto-detected current GPS location with high-precision satellite contour snapping.
  • Makani number direct lookup for Dubai municipalities.
  • Option to drop pin directly or enter prominent commercial landmark.
Decision 02Outcome: RTL satisfaction benchmarked at 98.5% with zero layout regression.

True bi-directional RTL/LTR design parity without visual degradation

The Strategic Rationale

“Arabic localization cannot merely be a string translation; it requires full layout mirroring, appropriate typographic leading for Noto Sans Arabic, and culturally resonant icon placement.”

Execution Pillars:
  • Engineered CSS logical properties and RTL-aware Framer Motion transitions.
  • Refined micro-copy respecting regional dialect nuances across the Emirates.
  • Seamless language toggle with instantaneous state persistence.
03 / Comparative Impact

Before & After Transformation Matrix.

Legacy State (Baseline)
  • ✕Western 5-field form requiring nonexistent zip codes
  • ✕No map integration or geospatial coordinate verification
  • ✕39% first-attempt delivery failure rate requiring multiple courier calls
  • ✕Clunky automated Google translation with broken RTL layout mirroring
Redesigned Architecture (Production)
  • ✓1-tap interactive satellite map pin-drop with Makani number auto-detection
  • ✓Contextual landmark guidance and live WhatsApp location sync
  • ✓94.2% first-attempt delivery rate and -62% customer support inquiries
  • ✓Flawless bi-directional Arabic RTL and English typography system
04 / Deliverables & System Specs

Shipped Production Assets & Specifications.

Deliverable Artifacts
  • Interactive GCC spatial pin-drop picker with building contour snapping
  • Makani number and UAE landmark auto-suggestion engine
  • Bi-directional RTL/LTR design system with native Arabic font hierarchy
  • Real-time courier GPS tracking interface with driver WhatsApp direct connect
  • Click-and-Collect locker location overlay architecture
Tech Stack & Tools
FigmaNext.js App RouterGoogle Maps APIMakani Geocoding ServiceFramer Motion RTLTailwind CSS RTL