top of page

Client

M51 entrepreneur labs

My Role

Brand

UX | UI

Prototyping

Credits

Ron Lanir - Swifiti logo

Jun 2019

OVERVIEW 

M51 launched its concept for a new TV network for Millenials. My role was to bring life to the idea, by branding and building intuitive, consistent TV channels and excellent user experience through an easy navigation process.

Project Goals

Goal 1@2x.png
Goal 2@2x.png
screens.png
Goal 3@2x.png
Goal 4@2x.png

DESIGN GUIDELINES

Television is a fundamentally different platform than computers or mobile devices. Therefore, it requires special considerations, including screen size and technical constraints and context of use.

Safe Area

44px

44px

80px

80px

Overscan

Screen size should consider overscan - adjusting the picture size to the various TV screen, which causes the edges of the picture are lost. It's essential to leave a 5% margin to define a generally safe area.

3 meters@2x.png

Distance Limits
 

Unlike other platforms, The average distance between a TV and its viewers is 3 meters.

 

Given this distance, UI's interfaces should be less crowded, and design elements should be more significant so they'll be readable from across the room

Clarify Navigation

Keep it simple and basic. Because Roku streaming devises relay on remote, navigation limited to four directions: up, down, left and right

roku remote opacity.png
Asset 2@2x.png
Group 354@2x.png

Less is More

Frequent screen transitions can make users feel lost and make the application challenging to navigate. 

Lack of cursor 

 

feedback will allow the user effortlessly to identify the difference between the states. Users should always know where they are within the app.

thumbnails@2x.png

BRAND APPROACH

We are building a house of brands. Each channel will have its own identity by reflecting the channel's spirit.

Meet Swifti Channels

 

DESIGN

Each channel has its own experience based on its needs. At the same time, we are starting to build a style guide for all applications, linking them to the Swifti network.

Dating & Relationship Channel

HotMess is where and how we fall in love. On apps. On Dates. The ups and the downs that follow the greatest stories of our lives

Asset 8@2x.png
Asset 9@2x.png
Asset 10@2x.png

Barlow Semi Bold

Typography
Barlow SemiBold@2x.png

Barlow Semi Bold

Barlow Regular@2x.png

Barlow Regular

Colors palette

Black

#0C0712

Peach

#FF6F61

White

#FCF9FC

Grey

#B1ACAC

Purple

 #3D2159

UI elements_blur@2x.png
Design 
Thrillers Channel

Underbelly is the home of cult thrillers, horror classics, shocking psychological crime stories, and the darkest of comedies.

unerbelly logo_full@2x.png
unerbelly logo_black@2x.png
unerbelly logo_white@2x.png
Typography
barlow bold@2x.png

Barlow Bold

Barlow Bold

barlow semi condence@2x.png

Barlow Semi Condence

Colors palette

Black

#0C0A0A

Red

#E82C21

White

#FFFAED

Blue

 #0CE8E8

Grey

#A7A4A4

UI elements_blur_Underbelly@2x.png
Design
bottom of page