Sunny Patch gardening and sun path app
Sunny Patch gardening and sun path app

Sunny Patch App

Concept and design for UX UI Design Elevate course. User experience design, user interface design, illustration, user testing and prototyping for an imaginary gardening and sun tracking app.

Sunny Patch - Discover
Sunny Patch - Discover

Discover the problem

Sunny Patch - Problem Statement
Sunny Patch - Problem Statement
Sunny Patch - Research
Sunny Patch - Research

The project began by finding a user experience problem to solve. In this case, users may find plenty of gardening apps, but none that utilise sun path features.

After researching gardening apps, user interviews were conducted and an affinity map created to gather insights from potential users. Next a persona was created and the customer's journey mapped out.

Sunny Patch - User Research
Sunny Patch - User Research
Sunny Patch - Affinity Map
Sunny Patch - Affinity Map
Sunny Patch - Key Insights
Sunny Patch - Key Insights
Sunny Patch - Persona
Sunny Patch - Persona
Sunny Patch - Define
Sunny Patch - Define
Sunny Patch - Journey Map
Sunny Patch - Journey Map

Define the user

Sunny Patch - Develop
Sunny Patch - Develop

After exploring the problem space, ideation began with brain writing and crazy 8s exercises. This was followed by card sorting, information architecture and wireframes.

Sunny Patch - Ideation
Sunny Patch - Ideation
Sunny Patch - How Might We
Sunny Patch - How Might We
Sunny Patch - Card Sorting
Sunny Patch - Card Sorting
Sunny Patch - User Flow
Sunny Patch - User Flow
Sunny Patch - Wireframes
Sunny Patch - Wireframes

Develop the app

Sunny Patch - Deliver
Sunny Patch - Deliver

A moodboard influenced the colour palette and UI component assets. This led to low, mid and high-fidelity designs.

Usability testing was undertaken on a clickable prototype to further refine the app and uncover areas for improvement.

Sunny Patch - Colour Palette
Sunny Patch - Colour Palette
Sunny Patch - Moodboard
Sunny Patch - Moodboard
Sunny Patch - Design Iterations
Sunny Patch - Design Iterations
Sunny Patch - Usability Testing
Sunny Patch - Usability Testing

Deliver

The final app design was made into a clickable prototype.

Sunny Patch - Final Prototype
Sunny Patch - Final Prototype

Final prototype