Redesign

Revamped an Entertainment Production Website for Global Partners

Background_

Founded in 1986, YOOSONN is a media production company whose works cover TV shows, series, and films, earning not only numerous prestigious awards but also significant commercial success. With the vision to expand its global markets, YOOSONN aims to redesign its website to showcase its expertise and effectively attract potential partners.

Responsibility_

● Researched and planned the website structure.
● Created proposals and co-presented with PM.
● Designed, implemented, tested and launch the website.
● Made a user manual for backend operations for the client.

Year

2024

Year

2024

Scope

3 Month

Scope

3 Month

Role

Designer

Role

Designer

Tool

Figma, Framer

Tool

Figma, Framer

Problem_

The original website, built a decade ago, was difficult to navigate because all links were listed at the top without clear categorization. This made it hard for clients to find core information quickly. Also, the overall layout looked too basic and overly crowded, lacking essential project details. This outdated presentation failed to reflect the company’s current professional scale and the high-quality production work it delivers today.

Solution_

Designed for decision makers with instant clarity.

Navigation as a Business Card

The new sitemap ensures the navigation bar is a concise summary of the brand identity. We shifted from an internal organizational perspective to a user-centric one, categorizing works by genre—Film, Drama, Documentary, and Variety Show. To showcase growth momentum, a "Development" section was added to highlight future projects to potential partners.

Visual Storytelling & Layout

If the navigation bar is the back of a business card, the homepage is the first impression of the front. The layout features a full-screen showreel to immediately establish production quality, followed by a horizontal list of featured works to demonstrate diversity without the crowded feel of the old site. Finally, a partner marquee clearly communicates the company's strong industry connections and professional scale.

Challenge_

While collecting materials for project pages, I found some works were rich with slogan, images, trailers and awards, while some only had a single image and synopsis. To ensure a consistent and polished layout, I built a flexible base structure that accommodates all levels of content. Extra details like awards and subtitles were then incorporated into designated spaces, enriching the content without disrupting balance.

Copyright ©️ 2025 Lili Huang
Copyright ©️ 2025 Lili Huang