BluTV: Designing The Future of TV (w/Framer app)

Founded in 2016, BluTV is Turkey’s number one video on demand streaming platform.

Jeff Romi
blutv
4 min readApr 12, 2019

--

Today we are changing the meaning of “watching TV”, tomorrow we will aim to be the primary source of television, whether at home or on the go. Welcome to the new Golden Age of television.

Take a sneak peek at our recently launched features that you can enjoy while watching your favorite movies and TV shows.

We bring Preview Mode (Draft version)

Auto-play trailers, which begin right before you’ve selected a show to watch. If you decide you like the preview, all you have to do next is hit play button and enjoy watching.

Focus State & Animation

The Focus is the element that highlights a selectable component and signifies the user’s current on-screen location. A clear and highly visible focus helps the user to quickly recognize their current on-screen location, and eases the navigation.

Focus State & Animation

Content-Discovery

Hardware often defines design patterns. On TVs, the wide yet squat canvas lends itself to long rows of content that maximize the amount of content visible and discovery stage with appealing imagery slideshow. Just like the experience on web, this pattern has become common on most TV streaming UIs.

Binge Watching

Most of us have watched several episodes in one sitting, at times even an entire season. And since we’re spending so much time in front of a screen, it doesn’t hurt to enjoy your TV binge session on a large, beautiful screen — especially since it gives you access to a wide range of some of the best contents available.

Binging on episodes, without interruption

Continue Watching

BluTV will keep track of the shows you are watching across any device. You may begin watching a show on one device and resume watching on another right where you left off. You can access your “Continue Watching” list from the home screen of all devices.

Smart TV, continue watching

Episode Selection

This section now includes a streamlined episode menu that expands to show full episode info.

Smart TV, player screen episode selection

Post-Play Suggestions

Suggests content similar to what the user watched in the past and content that has been relevant for other users similar to user’s taste profile. Tends to stay confined in the user’s comfort zone. Limits true catalog exploration.

Smart TV post-play suggestions

Your Feedback is Important To Us

Collecting and acting upon customer feedback is a must for providing our users the best experience possible.

Notifications You Don’t Want to Miss

We are excited to share the news with our users. If you’re a BluTV junkie, this is where you will discover upcoming episodes and BluTV originals.

Data-Saving Option

Enabling this option can help you save up to %50 internet data. 2000 kbps stream at 540p resolution quality burns through roughly maximum 0.88 GBof data per hour. In addition, 4000 kbps stream at 1080p resolution quality burns through roughly maximum 1.76 GB of data per hour.

This service is only available on mobile devices.

Express Login

If you’ve got a long email and password, it’s not much fun entering your login details on-screen using your remote. So we’ve made logging into your account easier via activation code.

For a quicker and easier way to login, you may use the activation code below on your computer or mobile devices. Stay on this page and you will be automatically logged in once the code is verified.

Smart TV easy log-in/ register activation page

BluTV original shows

We began to produce our own original content on January 29th, 2017. The first production released was called Masum.

BluTV’s original and exclusives series include Adana Sıfır Bir, Benim Varoş Hikayem, 7YÜZ, Bize Gezmek Olsun, Çalınmış Hayatlar, Midnight sun, Can’t Cope, Won’t Cope, Apple Tree Yard, Victoria, Fearless, Descendants of the Sun, Dudullu Postası and more.

Other must watch original series include Golden Globe winner The Handmaid’s Tale, based on the best-selling novel by Margaret Atwood.

BluTV will have a long history in original programming as long as we continue serving our users.

Prototyping Using Framer

While designing BluTV experience, I have used framer, a code-based design and prototyping tool in our UX design process. https://framer.cloud/LrVmu

--

--

Jeff Romi
blutv

I’m a multidisciplinary designer 🚀. Bringing design thinking, innovation and mentorship