Case Study : Clutterfree

Case Study: Clutterfree

A Minimalist Lifestyle App for iOS & Android

image

Challenge.

Becoming Minimalist came to Headway with the challenge to transform all of the knowledge and experience from their highly successful Uncluttered Course into an engaging mobile tool to help more people declutter their lives.

Goal.

Maylee wants to declutter her home.

Metric.

Increase the number of Becoming Minimalist subscribers, reach a broader audience through a native app experience.

My Role.

Product Design, Design Systems, Prototyping

2019-20 Headway

Timeline 3.5 Months

Tools Figma, Principle, Stories on Board

How can the decluttering process found in the Becoming Minimalist online course reach a new audience and evolve into a tactile tool that is both delightful to use and personalized to each users unique home?

image

01. Understand

Context.

The decluttering process founded by the Becoming Minimalist team is the first stepping stone for those starting their journey into living a life with a minimalist mindset. It creates a reduced attachment to things to create space for things that matter—relationships, experiences, and freedom.

Milestones.

M.1 → Ideate, Prototype & Test concepts, Adjust, Repeat.
M.2 → Validate, Launch a landing page to capture interest.
M.3 → Iterate, Map the UX, Prioritize features.
M.4 → Establish design component library.
M.5 → Design, Prototype & Test features, Adjust, Repeat.
M.6 → Launch

02. Gain Confidence

M.1 → Ideate.

After an initial kickoff meeting with the client and our team I began sketching out a number of different interaction models and concepts for the app experience.

I presented these initial sketches along with some preliminary wireframes to the team. We discussed pros and cons of each direction and over a weeks time converged on a direction to move forward with high fidelity concepts.

image
image
image
image

M.2 → Validate.

Over the course of a couple weeks we tested a few concepts with a variety of users along with some landing page concepts.

Through interviews with current users of the Uncluttered Course and with folks who had never used a service, plan, or course to declutter their life we learned:

  • They want a solution that makes the decluttering process easy to tackle, something they can pick up and do as time allows.
  • They want a tool that adapts to the unique spaces in their home.
  • They want a source of motivation and education to live a minimal lifestyle.
  • They would pay for a product to help them manage the clutter in their life.

With these insights I refined my initial concepts and we launched a landing page featuring our primary concept to a controlled group of Uncluttered Course subscribers and to a wider audience via social media ads. The landing page was a success and we were off to flesh out the design for the app.

image
image

M.3 → Iterate

Now that our initial concept was out in the wild and the landing page running full speed ahead we turned our focus toward iterating on those initial concepts and mapping out the UX for what would become the Clutterfree app.

image
image

03. Polish

M.4 → Establish Design Standards & Component Library

Along the way I established a component library in Figma based on the Atomic Design Methodology. As the wireframes grew into fully fleshed out screens and high fidelity prototypes, the library kept all the beautiful bits in check and served as the source of truth for design to our engineers.

image
image
image

M.5 → Prototype, Test, Iterate, Repeat

We explored various features during this time, prototyping ideas, testing, fine-tuning in Figma and continued to prioritize features to build in Stories on Board as we marched toward our final design.

image
image
image

Clutterfree was designed to help people. Not only live a life free of clutter, but to be guided on that journey each day. When you use Clutterfree, you never question what to do next. You are always set up for success and rewarded for your hard efforts. Isn't that what all experiences should be like?

Milestones.

M.1 → Ideate, Prototype & Test concepts, Adjust, Repeat.
M.2 → Validate, Launch a landing page to capture interest.
M.3 → Iterate, Map the UX, Prioritize features.
M.4 → Establish design component library.
M.5 → Design, Prototype & Test features, Adjust, Repeat.
M.6 → Launch

image
image
image