I redesigned the app home for Strim, a video streaming service.

Who: Strim, a video streaming service.

What: Home screen on the phone app.

Why: To make the user interface more relevant to your needs, and to learn more phone app design.

Role: User interface designer.

Tool: Figma.

When: January, 2023.

This design is a concept. Do you work for Strim? Feel free to steal and use this design.

Left is before, right is after.

Omnifield

To save space I gathered the logo, search, cast, and user profile into an omnifield at the top of the app.

The omnifield pattern is uncommon, some users may not be comfortable with it right away. However, the omnifield does have enough similarities to a header, that I think it's safe to use in this case. I would introduce this as an optional feature for users to enable.

Content first

Featured content has gotten bigger cards with more identity.

To discover more and read less, rating, genre, full description, and more details has been moved into the screen of the selected show or movie.

Scroll groups

You can now click on the headings for scroll groups. Popular content has been moved to the top, and continue watching makes it simpler to continue watching where you fell asleep.

Cards now show dynamic tags. Tags can be used to tell you if content is trending, new, coming soon, and more. Tags are also used to filter and sort when you're exploring new content.

In the cards under continue watching you can click the ellipse button to display a context menu where you can

More button, default state.

More button, active state.

You can now see the remaining time on your show or movie in progress. If it's a show, the timeline will display which season and episode you're currently watching.

Bottom navigation

Search and my account is now bundled in the omnifield at the top. And to get to your favourite content faster, categories and favourites have appeared in the bottom navigation.