Peachy Clean

It's easier with help

The Company

Peachy Clean is a fictional company with a mission to help people enjoy more time with friends and family and less time playing catch-up with their cleaning tasks.

My Role

As this was a class project I was the sole designer. I conducted research, defined user journeys, wireframed and tested initial designs, and then created high-fidelity clickable prototypes for user testing.

The Problem

Keeping a clean home can feel overwhelming when there are multiple people living in the same home, and when one person is trying to do it all, it can seem impossible.

The Solution

A time/task management application where users can assign tasks to roommates or family members in order to share the load of household chores.
Features

The Final Protoype

Take a look at the finished product. You can continue to read to learn about my iterative design process. Starting from pencil & paper and moving to a full high-fidelity prototype using the
end-to-end design process.

The Double Diamond

As with so many school of thought, I followed the double diamond process for product creation.
MacBook mockup
Phase 1

Discover

I kicked off my project with user interviews to gain a deeper understanding of pain points when it comes to keeping a clean home, and what factors, if changed, would promote positive changes. I utilized the following strategies:
Qualitative - Direct user interviews with a interview template.
Quantitative - Survey form to collect data and metrics
Affinity card sorting
Competitive Analysis - Feature oriented

Interviews and Affinity Mapping

I began by conducting user interviews and sending out anonymous surveys to willing participants to gather both quantitive and qualitative data. I then took those data points and created an affinity mapping to make sense of the collected data.

Competitive Analysis

To understand our place in the market I completed an analysis of the 6 most popular cleaning management apps compared against the features that I intended to implement in my own app.
Phase 2

Define

Having my user data I then created a features list and developed personas to guide the design process
MoSCoW Analysis
Persona Generation

MoSCoW Analysis

MUST HAVE

Notifications
Sharing task
Snoozing a task
Editing schedule
Adding tasks
Deleting tasks
Check off tasks
Follow others on app

SHOULD HAVE

Print cleaning chart
Add locations

COULD HAVE

Suggested cleaning items
Tracking location for reminders
Suggested cleaning articles

WON'T HAVE

Share progress on social

Personas

Combining both the user data and the competitve analysis I then created 2 personas to represent my targeted user base.
Phase 3 + 4

Develop + Deliver

During this stage I began ideating on paper with quick sketches and then designed low fidelity wireframes to conduct initial user testing. With the results from testing I created a high fidelity prototype. During this time I began developing the style guide and preparation for handoff.
Sketches
Wireframes
User testing - 2 rounds
Style Guide
High fidelity prototype

Initial Sketches

Here are the first iterations of the app. I find I can think more clearly when putting my ideations on paper to begin the design process. What is showcased is my first homepage and checklist for the app.

Wireframes

After getting my thoughts on paper I jumped into Figma and put together some initial wireframes that would be used for user testing.

User Testing

Creating the first iteration of the high fidelity mockups I used the testing software Maze to gather screen recordings of users interacting with the software. Maze is a great software due to its ability to create a. heat mapping of user interactions, showing me where my initial assumptions were right or wrong.

Component updates based on feedback

Update 1 - Bottom Navigation

At the suggestion of my users (post user test interviews) I created a custom icon for the "house members" section. The previous house member icon was a regular looking home icon, which of course led people to think of the home icon popular on so many applications. The new house member icon showed three individuals inside the home, showcasing the idea of a shared living space.

⬇

Update 2 - Daily Time Color

I previously had made the daily number of minutes for cleaning tasks a black font color bordered with parentheses. This added too many numbers and small text without enough visual hierarchy to differentiate those numbers from others on the screen. I decided to change the daily time to my secondary color. This added a much more clear indication for the user.

⬇

Update 3 - Color Partitions

The initial  home screen was clean and light, but lacked the partitions needed to quickly see the different days in a clear and accessible way. For V2 I decided to partition each day with a peach colored box surrounding the tasks. This did two things. First, it added a fun pop of color when opening up the app. This fell inline with my original vision to create an experience that was both enjoyable and helpful, eliciting a more peaceful/relaxing cleaning experience. The second was that it allowed you to easily see overweighted days by looking at the size of the colored boxes. If a day had a large amount of color, it might have too many tasks assigned to it.

➡

Update 4 - Chunked Task Creation

As seen on the right, I broke the task creation process up into smaller pieces. This decreased decision fatigue and  created a more clear user flow through the task creation journey. I also added suggested cleaning times for the "time to complete" section to allow the user to reduce mental load.

⬇

Update 5 - House Member View

One feature that I included in the second version of the application was to have the house member view show each members task assignments. The user can press the member's profile photo to see that member's tasks. A user can also press the "!" button on the left to see the tasks which currently have no-one assigned to it.

Update 6 - Changed "Complete" Icon

Initially I would have the entire day blocked off in peach with the words "Peachy Clean" for that day, showing you are finished with the daily tasks. For version 2, I decided to add a simply peach graphic to the right of the day. I felt this was cleaner, and a little more fun, and required no reading.

➡

Component Set Integration

Deliver

The "Final" Design

After conducting user testing I created the final designs of the mobile applications before presentation. The main elements of the showcased are the list view, calendar view, members screen, and creation of a task.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Back to TopResumeAbout MeEmail Me