filippo

Amazon Fire TVgether

UX/UI design and coding

Introduction

Amazon Fire TVgether is a redesign of the existing Fire TV mobile app, transforming it from a simple remote control into a shared viewing experience. The new TVgether feature connects people through their favorite live events, allowing friends to interact and feel closer even when watching from different places.

Sections

Research and interviews

Before defining the concept, we conducted interviews to collect qualitative insights and a survey to gather quantitative data. This research helped us identify the main pain points of the current co-viewing experience, often tied to shared passions like sports and live events. We found out that users constantly switch between the TV and their smartphones, navigating across multiple platforms: Instagram for memes, Twitter (X) for community reactions, and WhatsApp for chatting with friends while watching the same content.

Netflix TVgether illustration

Our findings align with the TVgether study by Netflix and Università Cattolica del Sacro Cuore, which shows that co-viewing remains a deeply meaningful practice: shared viewing experiences create opportunities for dialogue, emotional connection and generational exchange. By grounding our design in these insights, we shaped Fire TVgether to not just enhance functionality, but to reinforce the social fabric of watching together — where mobile and TV link seamlessly, making friends’ reactions visible on the big screen and turning passive viewing into a shared moment.

Concept ideation

To address the digital chaos identified during the research phase, we aimed to bring people together within the existing Fire TV app, allowing them to both control their TV and interact seamlessly. By connecting the mobile app and the TV, users can also preview friends’ reactions directly on the big screen, keeping the experience social and fluid without even needing to unlock their phones. The redesign, in fact, also extends to the TV interface, which now displays online friends during broadcasts, reinforcing the sense of connection beyond the screen.

Project development

In order to deliver a realistic interaction with the final product, we have developed both a TV prototype and a mobile app one: while first was developed in Figma, the latter was built using Next.js. A custom script on the mobile side simulates keyboard inputs on the computer running the Figma prototype, effectively linking the two environments. This setup made it possible to recreate a realistic connection between the phone and the TV, allowing users to experience the prototype as if it were fully functional.

return new Promise((resolve) => {
	exec(
		`osascript -e 'tell application "System Events" to keystroke "${escapedKey}"'`,
		(error) => {
			if (error) {
				console.error(error);
				return resolve(
					NextResponse.json(
						{ error: 'Error during the keystroke simulation' },
						{ status: 500 }
					)
				);
			}

			resolve(NextResponse.json({ success: true, key }));
		}
	);
});

This piece of code, specifically, is the one that enables the connection between the smartphone and the TV prototype: every action on the app corresponds to a keystroke assigned in the Figma project. The entire project is also available on GitHub, if you want to try it yourself!

Amazon Fire TVgether prototype
Amazon Fire TVgether home screenAmazon Fire TVgether schedule screen

Through the app’s home screen, it's both possible to control the TV remotely and access the Schedule section: a space to browse upcoming live sports events, save favorites, view details and share them with friends. In the chat screen, then, we also introduced a dedicated Quick Reactions button to further reduce the interaction gap between users. This feature is designed to break down the barrier that often prevents a smooth and natural experience, letting participants react instantly as if they were physically together.

Amazon Fire TVgether testing

To conclude the design phase, we conducted a series of user testing sessions with real participants to refine the overall experience. These sessions helped us smooth out unclear interactions, fine-tune the app’s responsiveness, and ensure that every gesture and transition felt as natural and intuitive as possible.

As a final step, we created a video concept that summarizes the entire project — from research and ideation to prototyping and testing. The video showcases how TVgether bridges distance through shared emotions, turning remote co-viewing into a truly connected and human experience.

Every footage, logo, picture and audio track used in the project and the final teaser is property of the actual owners (Amazon, Heineken, Deliveroo, Meta, UEFA, FIFA, F1, Weezer) and it's only been used for educational purposes.