Internship project, 8 Weeks (Late March 2022 - Mid May 2022)
![](content/browse.png)
WBEZ Browse Screen Redesign — Improving Browse Screen Engagement
Overview
Internship project, 8 Weeks (Late March 2022 - Mid May 2022)
Team: 1 product director, 1 product manager, 1 product associate, 3 engineers, and 1 product designer (that’s me)
Tools: Figma, Miro, Zeplin
Project start
![](content/1.png)
- An optimized browse design that equally prioritizes different WBEZ content available
- Limit interaction redundancy by omitting the listen live card
- Boost listens on all aspects of the app
Iterations
![](content/4.png)
In development
- The WBEZ logo overlaps with the 1:1 lead image when a subject face is nearing the top of the crop. Solutions to this were exploring different aspect ratios as well as re-introducing the opaque navigation bar instead of the full bleed
- The filled buttons on the browse screen were inconsistent in terms of visual continuity in regards to the rest of the app. Cards on the radio tab used outlined buttons, we should carry this standard.
![](content/5.png)
Final
- Listen live from the player
Removing the initial listen live card promotes new, but necessary user behavior; no interaction redundancy - Featured stories take center stage
Highlights top of the morning stories that was once pushed below the fold - Designated spot for daily newscasts
A listening experience separate from top stories has a newer and more optimized design - Explore more content
Missed an important segment during live radio? Top stories has you covered, no need to skim through the past broadcast
![](content/browse.gif)
![](content/6.png)