My Role
UX/UI Designer (Intern)
Timeline
6 October 2025 - 4 November 2025
Team
Solo Designer
Sector
Software Services
Capstone project for
EVATOZ SOLUTIONS PRIVATE LIMITED
Challenge
FleetA2Z is a fleet management app for vehicle tracking, dispatch, and administration. The redesign focused on fixing fragmented workflows, dense layouts, and weak hierarchy.
Before Redesign
Splash & Onboarding
(Screens: Splash + onboarding sequence)
Onboarding lacked progress clarity and visual balance.
Primary and secondary actions lacked contrast.
Messaging and illustrations felt poorly balanced.
Authentication Flow
(Screens: Sign up, Login, OTP verification)
The authentication flow lacked visual consistency during input-heavy steps.
Branding, spacing, and field hierarchy varied across screens.
Secondary actions competed with primary CTAs.
Vehicle Booking & KYC Flow
(Screens: Home, Vehicle Selection, Vehicle Details, KYC Form)
Booking and KYC felt dense, with unclear structure and too much visual noise.
Cards, borders, and color use made the flow harder to scan.
KYC placed too many fields in one long, ungrouped form.
Solution
The redesign centered on three design decisions:
1. Create a scalable design system
I defined reusable foundations to replace visual inconsistency across the app.
Color, type, spacing, and components were standardized.
An 8-point grid improved alignment and handoff.
2. Simplify visual hierarchy
I reduced clutter so users could identify key actions faster.
Related content was grouped more clearly.
Primary actions received stronger focus.
3. Break complex flows into clearer steps
I made onboarding and KYC easier to follow through clearer progression and grouping.
Step indicators improved progress visibility.
Long forms were split into manageable sections.
Design System
I built a compact design system covering color, type, spacing, and reusable components.
Color Palette
The palette reduced green overuse and added clearer state and neutral colors.
Brand colors for key actions
Semantic colors for feedback states
Neutrals for balance and contrast
Typography
The type system used Satoshi and Roboto for clearer hierarchy and scanning.
Layout Guides & Spacing
An 8-point grid system standardized layout rhythm across screens.
Responsive guides covered Android, tablet, and desktop.
Cards, forms, and navigation followed consistent alignment.
Components & States
Reusable components covered the app’s repeated interaction patterns.
Buttons, inputs, navigation, chips, and list items
Validation, feedback, badges, and status elements
Outcome
The system served as the single source of truth for consistent design and development decisions.
After Redesign
The redesign created clearer hierarchy, smoother flows, and a more focused mobile experience.
Onboarding Flow
(4-screen animated sequence)
A simplified flow uses one clear CTA — “Get Started.”
Authentication Flow
(Create Account · Login · OTP)
Authentication now uses consistent alignment, spacing, and branding.
Home & Vehicle Booking
(Dashboard · Categories · Vehicle Selection)
A clear dashboard entry point and grouped categories make booking easier to scan.
KYC Flow
(Multi-step verification screens)
KYC was split into four grouped steps instead of one dense form.
Summary
The final experience improves clarity, navigation, and scalability.
Takeaways
This project strengthened my ability to simplify complex workflows through hierarchy, spacing, and system thinking.
