Loading Portfolio
Ashley León

UX/UI Designer

UX Researcher

UI Designer

Psychologist

Ashley León

UX/UI Designer

UX Researcher

UI Designer

Psychologist

GreenMiles

  • Date: December 2024
Please wait until the Figma prototype loads
GreenMiles
About the project
GreenMiles

In this solo design challenge, I tackled GreenMiles, a concept focused on promoting sustainable transportation through user-centered design. I initiated the process by identifying user motivations and aligning them with environmental objectives, then crafted low-, medium-, and high-fidelity wireframes to shape the user journey. The final deliverable was an interactive prototype built in Figma, incorporating micro-interactions and smooth transitions that effectively simulate the user experience and support iteration and usability testing.

Main Responsibilities
  • Researched user motivations and pain points in sustainable mobility
  • Applied Design Thinking to frame and ideate solutions
  • Created moodboards and sketched concepts for visual direction
  • Designed wireframes (low to high fidelity) to refine user flow
  • Built an interactive Figma prototype with micro-interactions and transitions
Think
Objectives
  • Target Audience: Employees of large companies in India interested in sustainable mobility.
  • Brand Values: Innovation, sustainability, health, and collaboration.
  • Key Principles: Accessibility, usability, and an engaging visual experience.
Usability Considerations
  • Accessibility: Adequate contrast.
  • Intuitive Flow: Prominent buttons, clear visual hierarchy, and motivational elements.
  • Visual Strategy: Use of illustrations that evoke movement and nature.
Possibilities in the application
  • Log their traveled kilometers
  • Convert them into "Green points."
  • Redeem these points for exclusive rewards such as discounts, donations to environmental causes, or products

Moodboard

Defined the project’s visual identity through a moodboard that explored colors, typography, and app references aligned with sustainable mobility.

Sketches

Created hand-drawn sketches to shape navigation, key screens, and user flows, enabling rapid ideation.
Make

Medium Fidelity Wireframes

High Fidelity Wireframes

UI Kit

I developed a UI kit including design guidelines (logos, colors, typography, buttons, assets, and icons) to ensure visual consistency and scalability across the platform. This component system streamlined the transition from wireframes to the interactive prototype, ensuring coherence on every screen.