SF ANYTIME - Shapeshifter

After having conducted interviews and user testing on Sf Anytimes web page we saw some recurring problems and opinions with out product. The user said that the website was dark and outdated, similar to all the other streaming services, overwhelming with content which made it hard to come to a decision. From this feedback we wrote the brief “Create a modern and accessible designed site. Something original with its own identity”.

sfa_shapeshift.png

Web

I designed multiple options for the grid to allow the user to have a favorite, making it feel more personal. Taking inspiration from sites presenting product with more premium feeling without overwhelming our users. This grid allows the user to scroll through thousands of movies in a comfortable way, being presented with only what they are looking for.

Mob.png

Mobile

When designing the mobile version it was important that i kept the same three grids that is mentioned in the computer version. Having consistency and a red thread between devices so we don’t confuse the user.

 

Presentation

Made a quick introduction movie for the team who will be working on developing and owning this project.

New ui- icons for the new website

I chose the font roboto because it worked with our design, was easily accessible for our developers and our customers/ business partners.