Ironhack Challenge 2: H&M App Wireframing

I’ve spent a few hours last week to reverse engineer the H&M app and strip it to its bare bones. This challenge helped me get a feel for Wireframing and focus on functionality, user flows, behavior, and see through all the glitter that shines through the screen.

I’ve chosen to work on the H&M app as it’s different from what I’m used to. I’ve only worked on B2B Saas applications that focused more on active users and engagement. Here we still have discovery, consideration, retention, and advocacy but the emphasis is more on conversion.

I used Figma during this process. And if anybody from Figma is reading: What a delight to use that app! I absolutely love it.

The task I chose was a simple browse a collection, select an item, select a size, add it to the basket and enjoy the Dopamine spike a.k.a. the shopper’s high.

Here’s how it actually looks like.

Originals
Wireframes

I thoroughly enjoyed this process. I can’t wait to dive deeper into this. …and the other upcoming UX challenges. It took me some time to get used to Figma and to think about the best way to tackle this challenge step by step.

In the meantime, don’t be shy. Check the prototype I made from the link below to get your own Dopamine spike. Well, not really but I’d really like you to check it out and tell me what you think. :)

Can out.