Tapped Website Design

Software used: Figma, Adobe Illustrator

Final Product

Reasearch

•

User Personas

•

POV Statements

•

Pain Points

•

Reasearch • User Personas • POV Statements • Pain Points •

Wireframes

Version 1:

My website redesign journey kicked off with high-fidelity wireframe concepts that added a playful twist. I retained the core brand colors, minus the pink, and infused them with lively shapes and layered elements. The goal was to craft an engaging user experience that captivated visually and left a lasting impression of fun and aesthetic appeal.

Version 2:

In this delightful second version of my wireframe saga, I decided to welcome back our old friend, pink! The green was getting overwhelming, so I tried to reintroduce some of the pink from the original brand color palette, but it still wasn’t right.

But wait, there's more! I introduced a charming pinecone illustration (shhh... it's a nod to the app's original name, but my lips are sealed due to that pesky NDA). This little cone isn't just a cute illustration – it's also a micro-animation designed to:

  • Keep users engaged

  • Sprinkle happiness like confetti

  • Create positive user experience

Additionally, I added photos and different screens such as the calendar and the filter of contacts.

Version 3:

In my final iteration, I made a deliberate shift in the color palette to better align with the app's core concept, user personas, and overall aesthetic. This change significantly enhanced the user experience and created a cohesive visual identity.

To add depth and visual interest, I designed a pattern using mini pinecones, which I applied to select screens. This thoughtful detail transformed what would have been plain white spaces into engaging and

textured areas.

I'm incredibly proud of the final product, and the client's enthusiasm was the icing on the cake. It was a collaborative success that truly brought the app to life!

Have any questions about my work?