Home Projects About Services Contact
← Back
王可樂日文 Background
王可樂日文

王可樂日文

Scroll to explore ↓
E-LEARNING PLATFORM · UI/UX · FIGMA

王可樂

This was a 4-month UI/UX redesign project for 王可樂日文教學, a well-established Japanese learning platform founded in Osaka in 2010. The goal was to restructure the website's information architecture and redesign the user interface to make it more modern, accessible, and user-friendly for students preparing for JLPT or looking for professional Japanese tutoring.

SERVICES
UI/UX · Figma
MY ROLE
UX Designer / UI — IA · User Flow · UI Redesign
CLIENT
美竹
Key Improvements

Comprehensive UX Redesign

Three core areas transformed to drive real results

Navigation & Discovery

Simplified Course Discovery

Restructured course layout for easier access. Redesigned CTAs to be more intuitive and action-driven. Streamlined checkout with clear step-by-step guidance. Improving navigation and course selection clarity to reduce drop-offs and increase sign-ups.

Visit Live Site →
Course Navigation Redesign
User Experience

Interactive Learning Tools

Making learning tools and progress tracking more intuitive, keeping users engaged with the platform. Implemented a Q&A-based guide to personalize course selection — helping users make confident decisions without feeling overwhelmed.

Visit Live Site →
User Engagement
Conversion Optimization

Frictionless Checkout

Streamlined the purchase process to reduce friction and improve transaction completion rates. Improved swipe gesture awareness in carousels, clarified input options, and added animated feedback to provide a sense of accomplishment.

Visit Live Site →
Checkout Optimization

The Business Goal

The primary objective of 王可樂日文教學 is to increase course enrollments and user retention by optimizing the website experience. To achieve this, we focused on…

Business Goal — Three Focus Areas

1. Boosting Course Conversions

Improving navigation and course selection clarity to reduce drop-offs and increase sign-ups.

2. Enhancing User Engagement

Making learning tools and progress tracking more intuitive, keeping users engaged with the platform.

3. Reducing Checkout Abandonment

Streamlining the purchase process to reduce friction and improve transaction completion rates.

Problem Statement

Wang Cola Japanese Learning provides online Japanese courses, but user engagement and retention rates were lower than expected. Users found it difficult to stay consistent with their learning schedule and felt the platform lacked interactive features.

How might we improve the user experience to make learning more engaging and effective?

Problem Statement — User Research

Solution

1. Simplified Navigation & Improved Visibility

Restructured course layout for easier access. Redesigned CTAs to be more intuitive and action-driven. Streamlined checkout with clear step-by-step guidance.

2. Course Recommendations

Implemented a Q&A-based guide to personalize course selection. Helped users make confident decisions without feeling overwhelmed.

3. Swipe Gesture & Input Flow Optimization

Improved user awareness of swipe gestures in carousels. Clarified input options for logging exercises outside the app. Animated feedback provided a sense of accomplishment.

Solution — Wireframes & UI Redesign

View Figma

Figma Prototype Preview

View Website

Wang Cola Live Website Preview

What I Learned

What I Learned

Clear Information Architecture – Easy to Navigate, Easy to Trust

Trust is created through good design, clear information architecture, detailed content, and links to reputable sources.

Users feel lost when information is scattered or hard to find. A clear structure reassures them that the website is well-organized and legitimate.

Results & Impact

+35%
Increase in course conversions
-40%
Reduction in checkout abandonment
2x
Higher user engagement

Next Project

Crypto Portfolio Tracker

Responsive web app for tracking cryptocurrency investments