Home > Design

More viewable, more Strim

I redesigned the app home view for Strim to display content that I want to watch. And to learn more about user interface design for a phone app.

Who: Strim.

What: Home view in Strim's phone app.

Why: To improve my skills and squeeze more out of a user interface.

Role: UI and UX designer.

Tool: Figma.

When: January, 2023.

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

Before (a) and after (b)


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

Using an omnifield in a user interface is risky. Because the omnifield is a UI component and UX pattern that's unfamiliar to some users. However, it resembles a typical header enough that I think it's safe to use in this case.

Content first

Featured content has gotten bigger cards with more identity.

Rating, genre, full description, and more details is moved into the content screen. So the user spend less time reading and more time discovering.

Scroll groups

I made the headings for the scrollgroups interactive, moved popular content to the top of the user interface, and made it simpler to continue watching content.

Cards show chips with various information. The chips can also be used as filters and sorting for discovering new content.

The cards under Fortsett å se (Continue watching) has a More button where you can remove the card from the row, show more information (takes you to the screen for that episode), rate the content, or download it for offline viewing.

More button, default state.

More button, active state.

A timeline shows remaining time for the content that you have started to watch. If the content is a show, the timeline will display which season and episode you're currently watching.

Bottom navigation

Kategorier (categories) and Favoritter (favorites) are new buttons in the botom navigation. Both are quick access to find content.

Søk (search) and Min konto (my account) have been moved to the omnifield at the top of the app.