NAVIGATION Β· MOBILE APP

GPS Maps App

Designing a distraction-free turn-by-turn navigation system for modern drivers β€” reducing glance latency, eliminating night-glare, and maintaining smooth guidance even in zero-connectivity tunnels.

View Figma Prototype β†’

πŸ“‹ Project Overview

ROLEUI/UX Designer (Solo)
DURATION4 weeks
TOOLSFigma
PLATFORMiOS & Android

🎯 Business Challenge

Traditional navigation apps overwhelm drivers with excessive UI clutter, intrusive promotional pins, and micro-text that cannot be safely read at glance distances. At 65 mph, taking your eyes off the road for even 2 seconds equals traveling the length of two basketball courts blindfolded. The goal was to engineer a radical one-thumb, glanceable navigation interface that presents critical maneuvering information in under 0.8 seconds while offering complete offline resilience.

πŸ” Research & User Pain Points

Driver field interviews (10 daily commuters) and in-vehicle usability testing sessions revealed:

πŸ—ΊοΈ User Flow

Search Destination→ Compare Routes & Hazards→ 1-Tap Drive Mode HUD→ Turn Guidance & Lane Split→ Arrival & Parking Assist

✏️ Design Decisions

One-thumb ergonomic reach zone

Positioned all interactive triggers strictly within lower 35% of the screen for safe single-handed access while mounted.

Obsidian anti-glare HUD

Engineered pure-black (#090a10) dark mode with neon accents, preventing optical glass reflections and maintaining night vision.

Pre-buffered vector caching

Stores 15-mile routing corridor in local memory, guaranteeing continuous step-by-step guidance without network signals.

High-legibility lane ribbons

Designed high-contrast lane arrows with clear dimming on non-recommended lanes, readable in under 300ms peripheral glance.

β˜‘οΈ Outcome

-35%

Glance latency reduction during highway lane changes verified in simulator benchmarks

4.8 β˜…

Driver usability score across 15 on-road test participants for one-thumb layout

↑ Safety

Zero windshield glare reflections and immediate lane comprehension in night testing

πŸš€ Interactive Figma Prototype

GPS Maps App Figma Prototype

Deepak's interactive Figma prototype will be embedded here. Ready to paste your live Figma prototype embed link anytime!

⚑ Interactive Prototype Ready Open in Figma β†—
HEALTH & HABIT Β· MOBILE APP

Water Reminder

Designing a delightful habit-forming hydration app that transforms daily water intake from a tedious chore into an intuitive, rewarding ritual through fluid physics and intelligent nudges.

View Figma Prototype β†’

πŸ“‹ Project Overview

ROLEUI/UX Designer (Solo)
DURATION3 weeks
TOOLSFigma
PLATFORMiOS & Android

🎯 Business Challenge

Over 70% of hydration tracking applications are abandoned within the first 7 days. Users describe the process as repetitive manual data logging, plagued by robotic alarms ringing at inconvenient moments during meetings or commutes. The challenge was to build a friction-free experience where logging takes less than one second, paired with tactile fluid animations that release dopamine and reinforce positive hydration streaks.

πŸ” Research & User Pain Points

User diary studies (12 participants over 2 weeks) and competitive audit of top health trackers revealed:

πŸ—ΊοΈ User Flow

Adaptive Context Alert→ 1-Tap Container Select→ Fluid Fill Animation→ Haptic Milestone Sound→ Weekly Streak Insights

✏️ Design Decisions

1-tap vessel quick-select matrix

Created physical visual presets (250ml cup, 500ml bottle, 750ml tumbler) allowing instant logging without numeric typing.

Interactive fluid wave dynamics

Designed soothing SVG liquid simulation that sloshes with device tilt and fills with tactile haptics, creating an addictive reward loop.

Circadian adaptive reminder engine

Replaced rigid timer alarms with smart intervals synchronizing with sleep schedules and warm weather for gentle nudges.

Interactive lock screen widget

Engineered dynamic iOS & Android lock-screen widgets that let users log water directly without unlocking their phone.

β˜‘οΈ Outcome

+42%

30-day user habit retention rate compared to standard static tracker industry averages

1-Tap

Sub-second logging speed, reducing daily logging interaction time from 8.2s down to 1.1s

94%

Notification adherence rate achieved with gentle circadian scheduling instead of alarms

πŸš€ Interactive Figma Prototype

Water Reminder Figma Prototype

Deepak's interactive Figma prototype will be embedded here. Ready to paste your live Figma prototype embed link anytime!

⚑ Interactive Prototype Ready Open in Figma β†—
PRODUCTIVITY Β· MOBILE APP

PDF Master

Designing an all-in-one document scanner, signature engine, and annotation workspace for mobile professionals β€” turning multi-minute desktop contract signing into a 45-second on-the-go flow.

View Figma Prototype β†’

πŸ“‹ Project Overview

ROLEUI/UX Designer (Solo)
DURATION5 weeks
TOOLSFigma
PLATFORMiOS & Android

🎯 Business Challenge

Mobile workers, real estate agents, and students frequently receive urgent agreements, legal releases, or receipts requiring immediate signature and return while on the move. Current mobile PDF solutions suffer from cluttered desktop toolbars, clumsy manual cropping, and severe privacy issues where private files are uploaded to third-party clouds. The objective was to design a clean, local-first scanner and signing engine that handles end-to-end document turnaround in seconds.

πŸ” Research & User Pain Points

Interviews with 12 enterprise freelancers, attorneys, and field agents revealed:

πŸ—ΊοΈ User Flow

Auto-Detect Camera Scan→ Perspective Correction→ 1-Tap Signature Tray→ Smart Contrast Filter→ Compressed PDF Export

✏️ Design Decisions

Zero-tap neural edge detection

Intelligent camera HUD detects page boundaries in real time and auto-captures when stable, removing manual cropping.

Floating quick-signature drawer

Persistent bottom sheet holding verified user signatures that can be dropped directly onto documents and scaled easily.

100% on-device sandboxed privacy

Guaranteed zero cloud leakage with clear UI security badges reassuring users that OCR executes strictly on their device.

Visual page sorter & smart compression

Drag-and-drop thumbnail grid for instant page reorganization, paired with a smart compression engine keeping files under 2MB.

β˜‘οΈ Outcome

-50%

Document turnaround time reduced from 3.2 minutes to under 45 seconds

100%

On-device local processing, eliminating privacy risks and cloud subscriptions

99.2%

Boundary detection accuracy verified across varied paper angles and surfaces

πŸš€ Interactive Figma Prototype

PDF Master Figma Prototype

Deepak's interactive Figma prototype will be embedded here. Ready to paste your live Figma prototype embed link anytime!

⚑ Interactive Prototype Ready Open in Figma β†—
MEDIA & ENTERTAINMENT Β· MOBILE APP

Video Player

Designing an immersive, gesture-driven media playback engine where the interface disappears to let video content shine β€” pairing edge gestures with micro-haptic scrub precision.

View Figma Prototype β†’

πŸ“‹ Project Overview

ROLEUI/UX Designer (Solo)
DURATION4 weeks
TOOLSFigma
PLATFORMiOS & Android

🎯 Business Challenge

Default mobile video players are cluttered with permanent onscreen buttons that obscure video subtitles and cinematographic framing. When users attempt to fast-forward, tiny progress timelines result in accidental skips, overshooting scenes by minutes. The challenge was to invent an invisible, gesture-first player architecture where interactions feel completely natural.

πŸ” Research & User Pain Points

Observational streaming studies with 14 binge-watchers and video editors revealed:

πŸ—ΊοΈ User Flow

Browse Video Library→ Edge-to-Edge Playback→ Dual-Edge Gesture Tuning→ Floating Quick-Audio Sheet→ Swipe-Up PiP Transition

✏️ Design Decisions

Dual-edge vertical gesture channels

Left-edge swipe controls display brightness; right-edge controls volume, providing tactile HUD feedback.

Dynamic micro-haptic timeline scrubbing

Zoomable scrub bar that slows velocity as finger moves further from the line, with subtle haptics.

Zero-lag floating Picture-in-Picture

Natural swipe-up transforming video frame into floating overlay with zero audio dropouts.

High-legibility dynamic subtitles

Automatic contrast shading guaranteeing 100% subtitle readability on any background.

β˜‘οΈ Outcome

98%

Gesture adoption rate on first session without requiring onboarding walkthroughs

0 Lag

Seamless Picture-in-Picture window docking during multitasking verified at 60fps

↑ Immersion

Zero button clutter over video media during uninterrupted playback mode

πŸš€ Interactive Figma Prototype

Video Player Figma Prototype

Deepak's interactive Figma prototype will be embedded here. Ready to paste your live Figma prototype embed link anytime!

⚑ Interactive Prototype Ready Open in Figma β†—
FINANCE & UTILITY Β· MOBILE APP

All in One Calculator

Designing a modular calculation ecosystem that merges arithmetic, currency conversion, unit formulas, and financial planning into an elegant, tactile interface with live history tape.

View Figma Prototype β†’

πŸ“‹ Project Overview

ROLEUI/UX Designer (Solo)
DURATION4 weeks
TOOLSFigma
PLATFORMiOS & Android

🎯 Business Challenge

Smartphone users frequently switch between 3 to 5 fragmented apps: basic calculator, currency exchanger, unit converter, tip splitter, and loan EMI estimator. Multi-calculator tools on app stores are notorious for outdated skeumorphic interfaces, intrusive full-screen popups, and tiny 40-key keypad layouts that cause frequent input mistakes. The challenge was to consolidate 12 distinct calculation engines into one fluid, modular system that feels lightweight and ultra-responsive.

πŸ” Research & User Pain Points

Usability research with 15 active users (engineers, accountants, students, international travelers) revealed:

πŸ—ΊοΈ User Flow

1-Swipe Module Bar→ Tactile Keypad Entry→ Real-time Result Stream→ Pull-down History Tape→ 1-Tap Result Copy & Share

✏️ Design Decisions

Modular 12-in-1 tool carousel

Frictionless horizontal category pill bar switching between Standard, Scientific, Currency, Unit, and Loan modes.

Pull-down editable history tape

Accessible pull-down ledger preserving past equations; users can tap any previous total to reuse immediately.

Calibrated acoustic haptic feedback

Distinct micro-vibrations for operators, clear buttons, and numeric keys, giving mechanical certainty.

Smart offline currency cache

Automatic daily exchange rate caching across 160+ world currencies, displaying visible timestamp indicators offline.

β˜‘οΈ Outcome

12-in-1

Consolidated multi-tool ecosystem replacing multiple standalone utility apps for 92% of users

+60%

Calculation workflow speed increase through pull-down history tape and reusable past totals

99.8%

Keypad touch accuracy achieved through spacious 8pt grid key matrix design

πŸš€ Interactive Figma Prototype

All in One Calculator Figma Prototype

Deepak's interactive Figma prototype will be embedded here. Ready to paste your live Figma prototype embed link anytime!

⚑ Interactive Prototype Ready Open in Figma β†—