Diploma project · 2025–2026
Web media · 2025–2026
Diploma project

KAKKOII

Online media for learning Japanese that combines educational articles with interactive practice — from anime and manga culture and slang to a design system, a guide character, and responsive screens for web, tablet and mobile.

View original case study →
01 / 07
Overview

Project context

KAKKOII is a diploma project in the "UX/UI and frontend development" track at the HSE School of Design (Nizhny Novgorod). The idea: connect the textbook to living Japanese speech — slang, memes and cultural references that rarely make it into classic grammar lessons.

The product wasn't meant to be just another course with lessons, but media: short articles based on real posts, anime and manga, each paired with practice that immediately checks understanding.

Role
Designer, UX research
Team
3 people
Project type
Diploma work · HSE
Platform
Web · responsive
02 / 07
Problem & goal
Problem

Existing sites offer an outdated format

Individual textbooks and language apps rarely engage with living speech or current cultural context. The gap between dry grammar and how the language actually sounds in anime, manga and social media remained unaddressed.

Task

Pair articles with interactive practice

Build online media for learning Japanese grounded in pop culture, combining articles with interactive practice: reading, listening, grammar, and a comprehension check after every piece.

03 / 07
Audience & motivation
Age
16–29 years old
Goal
Start learning the language and raise their level through content they already love
Interests
Pop culture — anime, manga, J-pop, video games, travel
Motivation
Interest in culture and language, not an exam format
Contextual learningWe teach grammar and vocabulary through examples from anime, dramas, manga and songs.
Respectful gamificationWe drive engagement through challenges and progress, not guilt or manipulation.
Practice from day oneExercises teach you to apply knowledge in real situations right away.
04 / 07
Solution
Solution

Articles + platform sections

  • 01

    Materials

    Short articles based on real posts, anime and manga — breaking down vocabulary, grammar and cultural context line by line.

  • 02

    Kanji

    A dedicated trainer for memorizing characters through frequency and context, rather than rote isolated drilling.

  • 03

    Daily task

    Daily practice — a short exercise that checks what's been learned and pulls users back to the site.

  • 04

    Comprehension check

    After every article — a multiple-choice question on what was read or heard, to lock the material in right away.

05 / 07
Name & lore
Name & branding

かっこいい — "kakkoii"

The name literally translates from Japanese as "cool, stylish" — the feeling that should stick after reading an article or finishing an exercise.

Guide character

Meet Kai.. he's cool

A virtual senpai, Kai, is always there with advice and encouragement. Under the mask of a cool guy hides a soft heart: ice on the outside, a cinnamon roll on the inside. "Yeah, I look cool. But my mission is to make you cool too."

06 / 07
Result
Final design

What it looks like

Outcome
"Yeah, I look cool. But my mission is to make you cool too."
— Kai, KAKKOII's mascot
Results

What we achieved

We ended up with online media with a living article feed, a kanji trainer and daily tasks — instead of yet another course with lessons, a site people actually want to read. The project is live at kakkoii.vercel.app.

3
People on the team
4
Platform sections
1
Guide character
Next.js
Tech stack
07 / 07