Case study: IronHack Prework — Wireframing Shazam

Cindy H. Oran
Bootcamp
Published in
2 min readMar 9, 2021

--

Before starting, let’s define wireframes. It is a simple visual representation in black and white of how the flow of the app or website will look like. The purpose is to focus on the functionality, and not get distracted by the aesthetics such as colors, logo, font size etc. But ensuring the main functions… make sense. Benefits of wireframing include saving you time in the long run, creates consistency and ensures functionality before the glitter.

Diving into the music and Figma

--

--

Productivity • LifeHacks • Travels • Lifestyle // Intuitive product marketer, recent UX designer, aspiring design thinker and amateur chef. www.cindyhedwige.com