MyTags: Redesigning the existing MVP into a market-ready mobile app

MyTags: Redesigning the existing MVP into a market-ready mobile app

MyTags is a utility-focused mobile app that helps users tag and track personal items using QR codes. When a tagged item is lost and found, the finder can scan the tag to view a custom message and contact the owner.

Timeline

May 2025

Scope

UX Design

Client Work

Client

MyTags

You lost your keys. You can’t remember where you left your water bottle. Someone finds a tag in the park and wonders who it belongs to.

That’s where MyTags lives, a mobile app for people who want to tag their things, track them with QR codes, and be found when something is lost. But the MVP had friction. Confusing flows, unclear visuals, and weak moments in the experience when users needed confidence the most.

This is where I came in - to elevate the design, rethink the flow, and bring clarity to both sides of the experience: the tag owner and the person who scans a found item (the finder).

Existing screens of the MVP

Existing screens of the MVP

Existing screens of the MVP

Discovery & What Users Needed

Over three days I used MyTags myself. I stuck QR tags on my keys, my bag, everyday items. I asked friends (aged 15-55) to try it too, people who are used to apps, and people who aren’t.

"I don’t know which button is for scanning vs adding a tag"

"It looks nice, but I’m not sure what I’m supposed to do first"

Lack of Visual Hierarchy

Lack of Visual Hierarchy

Lack of Visual Hierarchy

Unclear Primary Actions

Unclear Primary Actions

Unclear Primary Actions

Weak Branding and Tone - lacks character or brand expression & screens with empty states feel 'lifeless'

Weak Branding and Tone - lacks character or brand expression & screens with empty states feel 'lifeless'

Weak Branding and Tone - lacks character or brand expression & screens with empty states feel 'lifeless'

What I Set Out to Improve

I asked myself:

  • How can I make owning and managing tags feel intuitive?

  • How can I push gently toward actions that matter (linking tags, ordering more, scanning when needed)?

  • How can the experience for someone who finds a tagged item feel trustworthy and helpful?

  • And how can I lift the visual and brand expression so the app doesn’t feel like just another utility?

Establishing a design direction

I gathered inspiration: a mix of minimal, clean UIs with expressive moments. Light mode, color sparingly used, but when used, meaningful.

Moodboar I laid out to test tone, hierarchy, and emotional weight.

Moodboar I laid out to test tone, hierarchy, and emotional weight.

Moodboar I laid out to test tone, hierarchy, and emotional weight.

We decided on a light, minimal aesthetic that aligned with the product’s purpose - simple, distraction-free, designed for a set it up once and forget about it experience. From there, I created quick mockups exploring variations in color within this theme.

Inital Concepts

Quick mockups in light & minimal theme

Inital Concepts

Quick mockups in light & minimal theme

Inital Concepts

Quick mockups in light & minimal theme

Evolving the Flow & Screens

Rather than doing classic low-fi wireframes, I moved to mid-fidelity wireframes to test interaction flow early.

  • A redesigned homepage: showed tags & assets side by side, recent activity, clear buttons to buy tags.

  • I introduced nudges - for example, alerts when a tag is not linked to assets.

  • I ensured that empty states (e.g. “no tags yet”, “no assets linked”) weren’t dead ends, they guided you.

Updated Home and Tags pages - prominent CTAs to nudge users to take actions

Updated Home and Tags pages - prominent CTAs to nudge users to take actions

Updated Home and Tags pages - prominent CTAs to nudge users to take actions

Inital Concepts

Wireframes of key screens showing new flows and states

Inital Concepts

Wireframes of key screens showing new flows and states

Inital Concepts

Wireframes of key screens showing new flows and states

Design Language

To move the app from “usable” to “trustworthy and professional,” I made sure the visual design didn’t just look clean, but it felt coherent everywhere

Color Styles

Color Styles

Color Styles

Color Styles

Color Styles

Color Styles

Typography

Typography

Typography

Typography

Typography

Typography

Components for repeating design elements

Components for repeating design elements

Components for repeating design elements

Components for repeating design elements

Components for repeating design elements

Components for repeating design elements

Polishing the product

This stage was about refining clarity and polishing details: establishing a consistent visual system, testing color options, and ensuring the app felt both trustworthy and minimal.

As the flows matured, I expanded the scope to include not just the main tag-management journey, but also all the supporting states and edge cases. Moments like “no tags linked” or “blank assets” were redesigned to guide users gently forward rather than leave them stuck.

Onboarding & Mobile Number Verification

Onboarding & Mobile Number Verification

Onboarding & Mobile Number Verification

Onboarding & Mobile Number Verification

Onboarding & Mobile Number Verification

Onboarding & Mobile Number Verification

Create profile (for new users)

Create profile (for new users)

Create profile (for new users)

Create profile (for new users)

Create profile (for new users)

Create profile (for new users)

Primary Screens

Primary Screens

Primary Screens

Primary Screens

Primary Screens

Primary Screens

Create profile (for new users)

Notifications Screens

Create profile (for new users)

Notifications Screens

Create profile (for new users)

Notifications Screens

Assets List and Asset Details

Assets List and Asset Details

Assets List and Asset Details

Assets List and Asset Details

Assets List and Asset Details

Assets List and Asset Details

Scan QR and Connect Tag

Scan QR and Connect Tag

Scan QR and Connect Tag

Scan QR and Connect Tag

Scan QR and Connect Tag

Scan QR and Connect Tag

List of Tags - with empty states

List of Tags - with empty states

List of Tags - with empty states

List of Tags - with empty states

List of Tags - with empty states

List of Tags - with empty states

Designing for the Finders' Experience:

At the same time, I designed for the other side of the experience: the finder who scans a tagged item. Here, the priority was "trust". The interface -

  • Clearly shows ownership

  • Reassures the finder

  • Offers a simple call-to-action to contact the owner.

Subtle tone and design choices make the process feel safe and cooperative.

Finders' side flow

Finders' side flow - a friendly interface that builds trust and prompts quick action.

Finders' side flow

Finders' side flow - a friendly interface that builds trust and prompts quick action.

Finders' side flow

Finders' side flow - a friendly interface that builds trust and prompts quick action.

To bring everything together, I built an interactive prototype. Transitions, animations, and microinteractions were included to capture how the app should feel in motion, guiding attention, confirming actions, and giving feedback at the right moments.

Live prototype

Press R to restart the prototype. Best viewed in full-screen. (Supports on desktops/tablets only)

Final Outcome & Reflections

Now, MyTags feels different. Tag owners see what matters: their tags, their assets, what needs attention. Finders scanning QR codes see a clear, human interface that feels trustworthy. Empty-state moments aren’t shameful silence but they gently push the users to act.

The app is production-ready and set to launch publicly soon. Check it out on the Play Store & App Store

If I were to go further, I’d want to test these with more people, especially non-tech-savvy users to validate some of the assumptions (e.g. do nudges feel helpful or nagging?)

Got a project to discuss? or just wanna say hello?

Send me an email or message on any of my socials. I usually respond within 2hrs.

Made with Framer v∞

Last updated July 2025