Snapp Redesign
Internationalization & Interface Optimization
A UX/UI redesign concept exploring how Snapp's existing ride-hailing interface could feel clearer, lighter, and more intuitive for global audiences.
Role: Product Designer
Core Focus: UX/UI Redesign · Visual Hierarchy · Information Architecture · Localization (RTL to LTR)
Tools: Figma
Timeline: 2023 (Redesign Concept)
The Context & Strategic Challenge
Snapp is the leading Iranian ride-hailing service (similar to Uber and Lyft). While highly functional, the existing interface handles massive amounts of data, resulting in visual heaviness, dense information layouts, and map interactions that can feel overwhelming at a glance.
The Objective: This project was an exercise in optimization rather than a full product rebuild. I targeted key high-friction screens and visual elements to demonstrate how the core ecosystem could become more focused and approachable.
The Core Question: How might we streamline a dense, high-frequency interface to feel lighter and simpler without sacrificing the critical data points users rely on during a ride?
Identifying Visual Friction
Through analytical evaluation of the original interface, I mapped out three core usability and design challenges to address in the redesign:
Information Competition: Heavy layout weight and dense text configurations created visual competition, burying primary actions.
Map Disconnection: The spatial relationship between the interactive map, location pins, and terminal booking cards felt disjointed.
Cognitive Load: A lack of balanced white space and structural breathing room escalated user decision fatigue during time-sensitive tasks.
Cross-Cultural Architecture (RTL to LTR Alignment)
The original Snapp application is engineered strictly for a Persian, Right-to-Left (RTL) context. A primary pillar of this redesign was executing a complete translation and internationalization framework to adapt the interface into an English, Left-to-Right (LTR) layout.
This required a complete structural re-engineering of the interface composition, explicitly remapping:
Text & Grid Alignment: Flipping typography reading lines and paragraph anchoring safely into an LTR format.
Navigation & Directional Flow: Reversing the directional architecture of interactive icons, chevron behaviors, and back-button locations.
Spatial Placement: Mirrored positioning matrices for input fields, profile badges, and call-to-action buttons to match LTR cognitive expectations.
Feature Extension: Designing "Rush Mode"
To demonstrate product-strategy thinking beyond visual styling, I engineered a brand-new secondary feature concept called Rush Mode to cater to time-sensitive passenger behaviors.
The Problem: Users in high-density urban areas frequently experience extended driver-matching delays during peak hours, creating extreme arrival anxiety.
The Solution: I integrated a prominent, single-tap secondary action within the vehicle selection carousel that triggers a priority matching protocol.
Value Proposition: A clear visual toggle communicating Priority Matching (finding the fastest driver nearby) and Skip the Wait mechanics for users prioritizing speed over standard pricing tiers.
High-Fidelity UI & Visual Direction
The finalized design system prioritizes absolute clarity, refined visual hierarchy, and strategic layout decompression across selected mobile screens.
Clearer Hierarchy: Drastically reduced layout competition, leveraging text-weight scaling and high-contrast color tokens to highlight primary user choices.
Simpler Interface Components: Removed non-essential visual framing and expanded background white space to give user data room to breathe.
Optimized Map Interaction: Streamlined the interactive container grids to anchor location pins and transactional checkout sheets fluidly onto the map viewport.
Project Reflection & Takeaways
This project strengthened my capabilities in working within the constraints of an established, real-world application. It required high discipline to isolate and refine specific interface pain points without disrupting the system's core identity.
The Retrospective: A product redesign does not need to rewrite an entire codebase or alter every screen to prove value. By diagnosing precise moments of visual friction and successfully executing complex international localization (RTL to LTR), this project demonstrates how incremental, focused changes drastically elevate a user's experience.
