UX Case Study: Crunchyroll Marketing Landing Page Redesign

Align business goals with user experience to drive conversions and revenue growth.

Where

Remote

What

Marketing Landing Page Redesign

Why

Portfolio Project

Role

Lead UX Designer and Front-End Developer

Category

Entertainment, Streaming

When

Jan 2024 – Apr 2024

Tools

Figma

Project Overview

Client: Crunchyroll Marketing Team
Scope: Create a landing page to increase subscriptions and drive merchandise sales
Business Goal: Convert traffic into paying customers while enhancing user satisfaction

The Challenge

● Problem: Existing marketing page lacked optimal flow to engage users
● Target Metrics: Increase trial subscriptions, merchandise sales, and reduce bounce rates
● Design Focus: Streamline navigation and emphasize value propositions

Research Insights

● Problem: Existing marketing page lacked optimal flow to engage users
Target Metrics: Increase trial subscriptions, merchandise sales, and reduce bounce rates
Design Focus: Streamline navigation and emphasize value propositions

Defining User Personas and Goals

Presona:
Anime Enthusiast (25 years old)
● Goals: Discover new content, participate in events, buy merchandise
● Frustrations: Slow navigation, confusing checkout

Wireframing

● Low-Fidelity Wireframes:
Explored CTA placements, top banner design
Mid-Fidelity Refinements:
Adjusted layout for clarity and visual appeal Aligned with Crunchyroll’s branding

Full Mockup Designs

● Visual Approach:
   ○ Bright and vibrant anime-themed visuals to reflect Crunchyroll’s branding.
    ○ Consistent design language with Crunchyroll’s app for seamless user experience.

● Key Features:
   ○
Bold headline: “Your Anime Adventure Starts Here” with engaging visuals featuring Crunchyroll’s mascot.
  ○ Subscription tiers with clear benefits and pricing breakdown.
  ○ Displays top anime titles (e.g., Demon Slayer, Jujutsu Kaisen) to engage users with familiar favorites.
  ○ Adds dynamic content to capture interest and encourage exploration.

● User Testing Feedback:
  ○
Positive response to visual hierarchy and ease of navigation.
  ○ Adjustments made to improve CTA placement and accessibility for mobile users.

Project Outcomes and Reflections

Key Outcomes:

○ Designed a more intuitive layout that highlights Crunchyroll’s unique content and merchandise offerings.
○ Received positive feedback from test users, noting ease of access to subscriptions and a clearer call to action for exclusive events and merchandise.

Impact on My Design Approach:

○ This project deepened my understanding of user motivations, showing the importance of aligning design with the brand’s unique appeal.
○ Through iterative testing, I learned how small adjustments—like refining CTAs and simplifying flows—can make a big difference in user satisfaction.

Conclusion & Learnings

Biggest Takeaways:

○ User-Centric Design: Centering on users’ needs and frustrations transformed the landing page into a more engaging, conversion-driven experience.
○ Applying Research Insights: Translating audience research into tangible design elements underscored the value of data-driven design in meeting business goals.

Next Steps:

○ I’d love to further explore design strategies to deepen engagement and support for Crunchyroll’s diverse fan base, focusing on the unique intersections between content discovery and community-building.

About Me

Hey, I'm Aaron

I'm a Product and Web Designer merging data-driven solutions with human-centered experiences. Through my work at Amazon and Delta Dental, I've refined my approach to creating intuitive digital products and interfaces. Drawing inspiration from everyday moments and digital art, I bring both creativity and technical precision to each project. Let's collaborate to bring your vision to life.

Contact Me
acharlesrhymes@gmail.com