Enserie

Enserie

Created to show the top series of all platforms

Created to show the top series of all platforms

Streaming has never offered more choice, but that abundance has become its own problem. With content scattered across Netflix, HBO, Disney+ and dozens of other platforms, deciding what to watch next has turned into a frustrating, time consuming task. Users jump between apps, lose track of what they've seen, and struggle to discover what's actually worth their time.


Enserie was designed to solve exactly that. A single platform where users can explore the most relevant series across all streaming services, filter by genre, watch trailers, and rate what they've seen all in one place. No more switching between apps. No more decision paralysis. Just a clear, curated experience that helps people spend less time choosing and more time watching.


As the end-to-end Product Designer, I led the full process from research to final prototype. I explored the habits and frustrations of series viewers, analyzed how existing platforms fell short, and designed an experience that brought clarity and discoverability to a fragmented landscape.

This case study walks through how a simple insight, 80% of users subscribe to more than one platform shaped every design decision from architecture to visual identity.

ROLE & DURATION

Product Designer: Product Thinking, Interaction, Visual design & Prototyping

2022

OVERVIEW

Enserie is a platform where you can find the series of the moment.
You can see the most relevant series of each platform, filter by genre, watch the trailer and rate them.

INSIGHTS

The objectives of this project were:
· Unify all current series on a single platform
· Know where to watch each series
· Discover new things to watch

FIND THE PROBLEM, EXPLORE SOLUTIONS

Points to cover:

  • How can we display all the series of each platform?

  • Which filters should we use?

  • Create a login

  • Section for trailers

  • Details of the series

  • Series rating

INVESTIGATION

We made a form from which we obtained around 150 responses and of these, 80% have at least one platform to watch series. Some of them have more than one platform so they have to swith from one to other to see the offer of series.
We wanted to unify all those series in one site where you could see the detail, the rate, and where you can watch that serie with a direct link to that platform.

142

Forms

80%

Use reservation platforms

19

Interviews

ARCHETYPE

From those interviews came James, our archetype. James is 37 years old, He loves to watch series with his boyfriend but he always relied on his bf to choose what they should watch.

James, 37

“I never know what to watch, so I would like something where I would be able to see what’s the most popular serie of each platform and their rates.
This would help me to choose faster.”

WIREFRAMES, PROTOTYPING & TESTS

We created some wireframes helping us to start with the guerrilla testing to validate the functionalities and detect some issues with the interactions.

After these testings we iterated the wireframes and added some colors and text style.

41 user tests were done. 2 types of tests: depth and guerrilla. In addition, we had to do several remotely. They took a total of 18 hours and 4 iterations. These have helped us a lot to identify the problems that the user had when they faced the different tasks that we were asking them throughout the test.

41

User tests

18

Hours

4

Iterations

ARCHITECTURE

We used a Branched/Parallel architecture for this web-app

Separating the menu by different epics:

Animals
Products

Additional information

STYLE GUIDE

Colours:

PRIMARY

SECUNDARY

TERTIARY

NEUTRE

We decided to use this colours to represent the movie night sensation with a sutil touch of warm light.

Typography:

Oswald

abcdefghijklmnñopqrstuvwxyz

abcdefghijklmnñopqrstuvwxyz

Open Sans

abcdefghijklmnñopqrstuvwxyz

abcdefghijklmnñopqrstuvwxyz

THIN

OSWALD

REGULAR

OSWALD

SEMIBOLD

OSWALD

TITLE

ag

BODY

ag

🖥

Major Third

1.25

Base Size

22px

📱

Major Third

1.25

Base Size

20px

We used the Oswald typography because it has personality, presence for the titles.

And the Open sans for te body.

SOLUTION

Testing the prototype a lot

Adding new functionallities iteratively incremental

Create a tab for the Trailers

Detailing the series

Possibility to save and rate series

CONCLUSION

Designing this web-app it was a challenge because it’s about to raising a new product from the bottom.

With this project we could saw every phase to build a platform. The research, insights, defining the problem, ideation and definition, they were very important and each step generated uncertainties, but at least we could keep going and the result is the reflection of very hard work.

Marc Martin

Let’s connect!

Feel free to reach out for collaborations or just a friendly hello :)

marcmartinsaumell@gmail.com

Create a free website with Framer, the website builder loved by startups, designers and agencies.