Yuriko Kikuchi | Portfolio

About

Members:

Yuriko Kikuchi

Rafael Ferreira

Moon Young Lee

Cecilia Lopez Sisterna  Shane Yap

Sidney Kai

YJ Hsu

Roll:

Product Manager / Lead Designer

Duration:

14 weeks (8 weeks for the Design part / Jan - Apr 2024)

Skills:

Branding
UX Research
Wireframe
Mockup

Prototype

Design Tool:

Figma / Illustrator / Photoshop

Takeaways:

The importance of establishing a common understanding with designers through wireframes

The web app was designed to be responsive, making it difficult to use the desktop design space effectively.

The dark theme could be implemented while achieving readability.

Demo:

https://filmchaser-capybara.vercel.app

Prototype:

Desktop / Mobile

Source Code:

https://github.com/rafaelmfer/FilmChaserPWA

Project Overview

Problems

Difficulty remembering watched TV Shows and Movies

Wanted to connect and share contents with friends

Unsatisfied with search process

Difficulty remembering watched TV Shows and Movies
Wanted to connect and share content with friends
Unsatisfied with the search process

Challenges

How can we make video management more convenient for users?

Feature 01

Tracking TV Shows and Movies

FilmChaser keeps track of what users are currently watching, what they've already watched, and upcoming content.

Feature 02

Getting Inspiration with Friends

Users can share what they're watching directly with their friends on FilmChaser, without share links elsewhere.

Feature 03

Personalizing Recommendations

FilmChaser recommends shows based on users' preferred genres, actors, directors, and viewing history

Research

Research & Design Process

Competitive Research

We conducted competitive researches to understand their targets and make our service unique.

User Flow

Sitemap

Branding

The visual identity of FilmChaser is built around three key concepts: adventurous, galaxy, and inspiring. These reflect the app’s core mission of providing a more seamless and engaging experience for watching shows.

Logo

Our logo was inspired by three key elements: adventure, galaxies, and inspiration.

The logo takes the shape of a video play button, and the three bars represent getting inspiration from friends.

Colours

We chose a dark mode (background: #0F1A20) to create a cinematic feel which helps in focusing on movie and tv show posters. Also we followed the design trend of 2024 by implementing a combination of blue (#2E5DF3) and orange (#EC764F) gradient colours as our primary colour to enhance user interaction. Blue and orange symbolize adventurous and galaxy.

Typography

We selected Amiko and Open Sans. We focused on legibility and cleanliness when we chose typography. These two typefaces are not only easy to read across different screen sizes but also visually appealing.

Components

We rounded the borders of each component to enhance smoothness.

Buttons and navigations are designed with gradients to add depth and encourage user interaction.

We rounded the borders of each component to enhance smoothness.

Buttons and navigations are designed with gradients to add depth and encourage user interaction.