Drive Away

This mobile application was designed as a smart transportation platform to help users book, track, and manage shared rides or transit services. I was responsible for end-to-end UI/UX, including custom-made illustrations and icons tailored to the brand.

📍 Platform: Android & iOS
🎨 Design Scope:

• Full UI/UX design
• Custom illustrations and iconography
• Onboarding, booking, navigation, and ticketing flows
• Light and dark mode UI support
• Visual feedback states

🎯 Objectives

Keywords: smart mobility app, app for ride-sharing, UX for transportation app

• Create a clean, modern, and intuitive interface for mobility services
• Design custom iconography and visuals to elevate branding
• Optimize user flows for ticket booking, route tracking, and payments
• Enable dark mode for comfortable night usage
• Support real-time navigation and validation features

🎨 Visual Language & Custom Assets

Keywords: app UI style guide, custom icons, mobile illustrations

The entire visual identity — from icons to illustrations — was built from scratch for this project.

Custom Deliverables:

• Onboarding illustrations for service explanation
• Route and transit icons with line consistency
• Minimalistic vehicle and ticket icons
• Interactive states and empty screens

🔧 Key App Features & Screens

Keywords: app booking UI, ride tracking interface, transport UX

🧭 Onboarding Flow

• Swipe-based onboarding screens
• Custom illustrations for use-cases
• Smooth transitions and CTA-driven steps

🎫 Ticket Booking & Scanner

• Search available routes and schedules
• Book seats and receive digital tickets
• QR scanner for trip validation
• Smart ticket status feedback (valid/invalid)

📍 Route Tracking & Navigation

• Real-time map-based route display
• Icons for vehicle position and route points
• Dynamic screen for trip progress

🧩 UX Details That Matter

Keywords: mobile UX polish, feedback states, intuitive UX

• Stateful screens (loading, success, error)
• Clean typography and spacing system
• Custom button/icon states for hover, active, and disabled
• Contextual modals and slide-ups for smoother flow

💡 What I Designed from Scratch

✅ 60+ unique screens
✅ 100% custom illustrations and icons
✅ End-to-end UX flows including empty/error/success states
✅ Adaptive UI for dark mode
✅ Pixel-perfect mobile-first design system

🧠 Key Learnings

• Custom graphics significantly elevate a digital product’s branding and personality
• Well-structured UX saves users time and makes adoption smoother
• Designing for both light and dark modes upfront prevents later rework
• Detail in feedback and state design dramatically improves usability

🔗 Want to Work on Something Like This?

If you’re looking for a UI/UX designer who can create everything from layout to icon to illustration, let’s connect. I bring design systems to life — pixel by pixel.