
gokigen japanese
Online learning service for Japanese language learners
UI design|Product owner: 27th Co., Ltd|2022
Overview
"gokigen japanese" is an online language learning service that offers Japanese lessons by native teachers. The service features a fun and unique way to learn Japanese using manga and articles about Japanese culture.
My role was building the brand identity and designing the UI. I initially presented a design concept of ease and approachability and applied it to the logo, landing page, and UI. I assumed that illustrations and hand-drawn elements could help convey the concept, so they were incorporated where appropriate.
Color & Typography


Logo Design
The softness in lowercase letters is an excellent way to represent the concept. Additionally, I wanted the shape to make people want to touch it, so I removed the acute angle and added roundness, which looks softer and more approachable.


UI Design

I added an onboarding section using images describing the three steps for first-time users to prompt them to take the action we want them to complete. Since taking a trial lesson is required before signing up for a subscription, we needed to devise a way to prevent users from leaving the site at this point.

The service character, a penguin, adds a sense of fun to a simple and functionality-oriented UI. It appears at each critical point in the user's experience, such as after subscription, and aims to make the user feel more attached to the service.





