Cleaning Service App — UI Case Study

Tidy — Cleaning Service iOS Application

My process

  • Brand Personality — Values & Traits, Affinities, Positioning, Tone of Voice
  • Word Association — Objects, Qualities
  • Sketching
  • Mood board — Purpose, Style, Concept, Emotion
  • Style Guide — Colour Palette, Typography, Iconography
  • Wireframes and iterations
  • On boarding
  • Clickable Prototype

Brand Personality

Tidy — Brand Affinity

Word Association

Tidy — Word Association


Tidy — Sketch of ideas

Mood Board

PURPOSE — mood board created on Milanote
STYLE — mood board created on Milanote
CONCEPT — mood board created on Milanote
EMOTION — mood board created on Milanote

Style Guide

Colour Palette

Tidy — Colour Palette


Tidy — Typography


Tidy — Iconography

Buttons & Forms

Tidy — Buttons & Forms


Tidy — Midfi Wireframes


Tidy — Onboarding


Tidy — Hifi Wireframes

Next Steps

  • If I had more time I’d like to test the clickable prototype with users to get some feedback on navigation if I am missing any screens and comments on the interface as a whole.
  • I’d like to learn to do simple motion graphics to help present my designs a bit better. For example, I’d like the white blocks on the splash screen to move around whilst the app is loading but I don’t have the ability to express that visually yet.


  • It’s been a very enjoyable week for me to work on the UI part of Tidy. I’ve always loved visual design and found the branding exercises very interesting.
  • Taking the decision to build a style guide prior to wireframing was beneficial to me because when it came to putting everything together it was so much easier.
  • Wireframing my paper prototype into a greyscale mid-fi before going hifi and adding colour was also a good decision. Although I had to do more work as a result of adding a step, I was able to do an additional test in between which allowed to me fix teething problems before going hifi.




👩🏽‍💻 Product Designer →

Love podcasts or audiobooks? Learn on the go with our new app.

Recommended from Medium

Misunderstanding Multiscattering

Interior Designer Perla Lichi: 5 Things You Can Do To Help Your Living Space Spark More Joy

Landing My First UX Job. Thanks IDF!

A multi-store online store like Amazon

UX methods: Automated Remote Research

Is ‘Delighting Users’ Enough for Product Managers in an Increasingly Revenue-Focused Tech World?

Top UX Books To Read For 2019

Mad Men Office Space Design

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store

Kiki Wellenhofer

👩🏽‍💻 Product Designer →

More from Medium

UX/UI Case study: Discover EATO a healthy food planner app

On-Tap | UX case study | Home service application

Recycling — Case Study & UI Design

Adding GoNow Features — GoRide and GoCar Features (Gojek App): UI/UX Design Case Study