top of page

Web Design

11472844 copy.jpg

Redesigned the Joy Media International website to better serve brands and creators, solving clarity and usability challenges by introducing a refreshed color system that preserves brand identity while moving beyond traditional aesthetics, and restructuring the site flow based on research and testing to improve clarity, usability, and overall experience.

Discovery

Users struggle to quickly understand the service and navigate the website, leading to confusion and low engagement.

Assumption

What prevents users from understanding the service and converting?
• unclear positioning
• no clear path for brands vs creators
• overwhelming and unstructured content
• missing action-driven guidance

Previous Ver.

screencapture-en-wuyou-2026-03-30-18_38_04.png

Current Ver.

home.png

Clear value proposition

Defined Target Audience

Stronger Visual Direction

Guided User Flow

Improved Content Hierarchy

Clear Call-to-Actions

Stronger Proof & Credibility

Conversion-Focused Design

Research & Insights

Understand how brands and creators perceive agency websites, identify barriers to understanding services, and improve clarity, usability, and conversion.

Secondary Research

  • Users rely on headlines and visuals to understand value within seconds

  • Top-performing sites prioritize clear hierarchy over dense information

  • Separating audiences (brands vs creators) improves clarity and navigation

  • proof (metrics, client logos, results) is often placed early to build trust

  • Strong, action-driven CTAs are repeated throughout the page

  • Modern, minimal visual styles feel more credible and globally relevant

Interviews

  1. What do you look for when visiting an agency website?

  2. How do you usually decide if an agency is trustworthy?

  3. What information do you expect to see within the first few seconds?

  4. What confuses you most when browsing agency websites?

  5. What would make you contact or work with an agency?

  6. Do you prefer detailed explanations or quick, scannable content?

Frame 185.png

Wireframe

Developed low-fidelity wireframes to establish the overall structure, content hierarchy, and user flow before visual design, focusing on creating a clearer layout, separating paths for brands and creators, and positioning key sections such as value, proof, and call-to-actions for better readability and conversion.

Frame 773.png

Outcome

Frame 774 (1).png

Improved clarity, usability, and overall user experience, enabling brands and creators to quickly understand the service and take action.

LIVE Digital Sticker

Designed TikTok LIVE graphic and motion stickers aligned with brand visual systems, supporting promotional moments and real-time audience engagement across daily LIVE content, as well as seasonal campaigns and Mega LIVE events.

  • Instagram Personal
bottom of page