Hum Tum

HummTumm: How our UI/UX design strategy made this matchmaking app stand out

The hummTumm case study showcases our UI/UX design strategy to help the matchmaking app stand out from its competitors. Read to know the details.

About HummTumm

HummTumm is an entertainment app that uses the “Tree of Life” concept to help its users find soul matches. Unlike a simple, person’s profile, HummTumm allows its users to curate multiple aspects of their profile that showcase user personality, lifestyle, zodiac signs, emotional quotients, and more.

Problem Statement

HummTumm to create an app that helps its users find their ideal match while also standing out from the competition like Tinder and Bumble.


Designing the Solution

To be able to come up with a design that reflects the core idea of the client, we first started by understanding how we were going to present the product in a way that motivates the users to engage with it.


The client wanted an app that would allow users to interact with each other and showcase their reflective traits and characteristics. To be able to present the features that our client had in mind, we first started a competitor analysis that gave us an idea of what the competition is offering in terms of app design and user experience. Our goal was to design something that fell in line with the trends while being interactive with the user to keep them constantly engaged.

Soak for UX & UI Design for Hum Tum


After a brainstorming session, our team members collected information from various sources. Going forward with detailed discussions, the team had to perfectly showcase the main features that make the product unique from its competitors.

We came up with two features for that:

  1. We created an imaginary mascot, Wingman, who would guide users through a predefined compatibility test and give results based on it.
  2. Instead of a simple “YES” and “NO”, we decided to add an additional “MAYBE” field to add a response.

Based on concept explorations meetings with the stakeholders and our team's insights, user personas were created to start the UI/UX designing process.

Think  Brand Values of UI & UX Design for Hum Tum
Brand Character Sketches of UI & UX Design for Hum Tum


Wire Frames of UI & UX Design for Hum Tum


At first, the team worked on user personas for primary target group users followed by secondary user personas. This is followed by features lists, user journeys, brand character tonality, task flows, and sitemap.

Navigation and User Testing is a crucial stage of the process where the team explores and comes up with 2 options and conducts user testing where it suggests the better option based on the results.

Next, we worked on wireframes followed by UI sample created, and lastly, the UI of all internal pages are worked on along with micro animations, icon design, and interactive prototype before handing over the product to the client

Typography and Color Scheme

For better readability and a clean look, we choose the Quicksand font family across the app. Whereas, Red hue was used for the monochrome color scheme symbolizing the color of love and soulmates.

Execute the style guide of UI & UX Design for Hum Tum


For icons of the app, we went with a bright multicolor gradient line art. This kept the interface clean and reflected the idea of a bright color explosion of the cosmos.

Illustrations of UI & UX Design for Hum Tum


Ui Screens Design for Hum Tum


The Wingman offers great interactive support to its users. The minimalistic design enhances the user experience while using different features of the app. It has a MAYBE feature that allows users to revisit the profile and swipe right or left at their leisure -unlike other platforms where the profiles are lost once you swipe left.

Connect with us to schedule a quick consultation call if you are looking for robust and result-oriented UI/UX design solutions for your brand.

Follow us on Instagram and LinkedIn for more updates on our services.