![](https://freight.cargo.site/t/original/i/2eaea08ed5c0207599affd6a073dfa2b005d93559d08ca94e664db8b74a6fc0c/main-2.png)
Medium
App
-
Part-Time
-
Role
UI/UX Designer
Character Designer
Norajuku
Japanese Education App Redesign
Norajuku is a Japanese language learning application developed by Dancheong Content Company. The application offers a unique learning experience by integrating animation, which provides an enjoyable way for users to acquire Japanese language skills. However, the current user interface (UI) design does not effectively showcase the benefits of the animated content. Consequently, my role was to lead the redesign effort to optimize the UI, enabling users to fully leverage the advantages of the animation-based learning approach.
Keywords
App
UI/UX
Character Design
Concept
This application system generates revenue through various channels, including subscriptions, paid transactions, and YouTube advertisements. Since the application's content is linked to YouTube, increased user engagement with the videos through the app would result in higher revenue from YouTube ads. Additionally, the animation company and investors sponsoring the application would benefit from increased YouTube views. Therefore, the primary objective was to create superior YouTube content and incorporate it into the app's overall system, leveraging an engaging UI design to attract and retain users.
The App system, character design, and logo are not currently available to the public.
Target User
![](https://freight.cargo.site/t/original/i/a78cd2935bf92e5db895c458cf9681bd477f8b3bcb802171220047077534e5c4/Target.png)
Timeline
![](https://freight.cargo.site/t/original/i/714001be924f0d3011c8d8249819dd9c33f6f6abe21dfeb4bd009b68c7d4a111/flow.png)
As Is
![](https://freight.cargo.site/t/original/i/d2769d88dbb60227bac8f9c30f944f9a7c7f4d7c08c0fb4f30d6f8b5fabaa157/flow2.png)
Current App flow research
![](https://freight.cargo.site/t/original/i/505a8cbbe353e84e316cfb7b0a2a0fe5035444185869ad370618b29231fcd327/-_1.png)
![](https://freight.cargo.site/t/original/i/b6ea9560ef8367656091f399f2143f0a41ce6da3b52d355d1c0254642dd1d28d/-_12.png)
To Be
![](https://freight.cargo.site/t/original/i/a390a27237d4dc8d38092c422ed82327c219f5005e4948eca507b849f1e869f0/flow3.png)
Design System
![](https://freight.cargo.site/t/original/i/359915f13215627700cc9e8785b4f7942bbb9ea98779a07c9543493c1ba74a0e/Colors.png)
![](https://freight.cargo.site/t/original/i/5e0d0efaec2dbf77d71e4a5ff04e694bb004cb6389f6d9456d36dcbef832003f/Type.png)
Wireframe - Margin Variation01
![](https://freight.cargo.site/t/original/i/2b3811b90d549ba9b8c76aa956dd977cbf9c071b967886dc0bca854a0d4c6a3f/01-.png)
![](https://freight.cargo.site/t/original/i/019223bcec20dc1a0f6b32e6ea8deef0e63c8237e611223ce5f10c73ee646760/02.png)
![](https://freight.cargo.site/t/original/i/44af95fe892c74a2699da5be0e741edfd634adce349ce1ea6d1e5f41aa9d6f13/03.png)
![](https://freight.cargo.site/t/original/i/807c36ec09fd639372c827a01c74c6506533805f3333129d058c3cbb55ac468f/04.png)
![](https://freight.cargo.site/t/original/i/58ae8f2ad1ac83f79299562d5f398bad880f800548a31a083e06b4a8c11e410c/05.png)
![](https://freight.cargo.site/t/original/i/3ae79b5c869cd48cc8f96f26c2960b8e2631734b657045df4d6ddd8dee4f52bf/07.png)
Wireframe- Margin Variation02
![](https://freight.cargo.site/t/original/i/12afe10b8aa44ee67532b51e772a53660d5762d4d6546bcf7afc8283bf058bb1/08-.png)
![](https://freight.cargo.site/t/original/i/5e0259423525834650f40a51fe3f73ce3f149641495137d91f90e7097f2b2042/09.png)
![](https://freight.cargo.site/t/original/i/580597103708481c5020faa902cf34fdccb6a3ee8f09786541265c2ae67f878b/10.png)
![](https://freight.cargo.site/t/original/i/f5e884524dc39f8920da189ba10931e4756fed239c388a56d4dabb1d83a40f1d/11.png)
![](https://freight.cargo.site/t/original/i/446195e54a126b80496576e07cf709f5957294d4954fb881b3cf930528812063/12.png)
![](https://freight.cargo.site/t/original/i/7270ce27fd2c0c7b59eca78b5a751b044ec93fe0f058c3ca9810843e85a60c77/13.png)
Wireframe- Margin Variation03 | Color Test01
![](https://freight.cargo.site/t/original/i/7065cdb92795edb8d9a55388646e0e82dcb8a8a5293f961cfc44b65f63a9dc39/14-.png)
![](https://freight.cargo.site/t/original/i/50c5242333e571e5a982d1cc7a30da9e3ea5d090e56b0ea8270bb23b0ad6d82e/15.png)
![](https://freight.cargo.site/t/original/i/e198209909170b95e1e4a27ac33bf742ac510c1f7d242a96857122cc2f092b8b/16.png)
![](https://freight.cargo.site/t/original/i/9817c6d07f5c65190d563f27641e371998dfbae2853384816aad6af4241ac517/17.png)
![](https://freight.cargo.site/t/original/i/091ec827dec4102f38242bdb214738d181d8a860ce7d49bfe241f8468c1b802b/18.png)
![](https://freight.cargo.site/t/original/i/a8760bc980ed26c1cf98cabfbc7fe3e798fb6476529d287d5df83e99c5a17acc/19.png)
![](https://freight.cargo.site/t/original/i/3b4e6910ed48800576ddf662eb25de226838ccd23ec20e9e76dd698627a7d219/52.png)
![](https://freight.cargo.site/t/original/i/4d993075b19032a6653e39a20fb563019b2866cbae45438e100a5654184c2032/53.png)
Wireframe - Margin Variation04 | Color Test02
![](https://freight.cargo.site/t/original/i/65490514784b653eb00b459fb152c760528bc8b24e2f3b35b241df1df6fb8330/23-.png)
![](https://freight.cargo.site/t/original/i/2a464ed4a37510008a8821788703650375168f5e4a7e394a7608fca122b7b3de/25.png)
![](https://freight.cargo.site/t/original/i/ea9671b272f26b666bbc4a9b2b364cf8d7ff5b02e52c0dd41d0e951d3afc803c/26.png)
![](https://freight.cargo.site/t/original/i/da2c0b6d3d75dddc14d672e83486f5a9d96629691eb4f9b2c41d6d01f05456d0/27.png)
![](https://freight.cargo.site/t/original/i/a85ad260bab481b97a3f34711e09c43117c8dcf64c7f7d9c3e271aac246bf520/28.png)
![](https://freight.cargo.site/t/original/i/c291baea7454338822fe673c911616d158d6d546493ddbd168ca34bf62972b09/29.png)
![](https://freight.cargo.site/t/original/i/b8f9e6c41df94198b2f9275f6b81f76a7a2b1f172c132f3dfe7211ebd0831184/31.png)
![](https://freight.cargo.site/t/original/i/03dff090cd65e17437770efe43c73b5094e0a5f86a6a7747ffc6b4f8c8e97f2b/32.png)
WireframeMargin Variation05 | Color Test03
![](https://freight.cargo.site/t/original/i/79803043725003dcdee9c7ac70af7c025a304b11fb483af77ece5c0b76ca78de/33-.png)
![](https://freight.cargo.site/t/original/i/748ab88ce1d50117eb5ecde8aede2f109c5ae6c118ea3de09f2db4dc057449d9/34.png)
![](https://freight.cargo.site/t/original/i/4b25305069f970f0f5caf23a9d54628737b561b0cf4d5cc3723d411527a26d58/35.png)
![](https://freight.cargo.site/t/original/i/9115e0e3edc33228c456a7e7b22fee6624626f0abc083d91cfe1988e197618c6/36.png)
![](https://freight.cargo.site/t/original/i/6bad0fd9d9399a06a134296085fcc07938f730aa716b7d82cc951310bc710770/37.png)
![](https://freight.cargo.site/t/original/i/8270f55b2c5bd4c0475f7df89865f7fe0e8ed97332541bd88e91bad37bdf99ca/38.png)
![](https://freight.cargo.site/t/original/i/c02ffd80de6fe4ba2b6ebab2327ae229dbad9d206d7d2fc1dd7bdd6de141b4e2/40.png)
![](https://freight.cargo.site/t/original/i/3cab3905428cf3366252835988f0e6c6d35912b30ca581a9eb8fbc6c08a7ea87/41.png)
Wireframe - Margin Varation06 | Color Test04
![](https://freight.cargo.site/t/original/i/3fd0d2296e214fa2d999adb3a684b429be3b8ce2e0745f0e35ce6ec8ad1e9ffd/42-2.png)
![](https://freight.cargo.site/t/original/i/914c7b938e3bf208c75e6638b88ec5559c56e66d517c5809dcf41e19c925b20c/43.png)
![](https://freight.cargo.site/t/original/i/8a9fe2bffe536185d8d0135e0619e5994d70033982f8d9d504d780621ab277a8/44.png)
![](https://freight.cargo.site/t/original/i/93dfce6a84b22af79d38ddc8ed8c59dfb67f81d456ec60fd6780c994692d37f3/45.png)
![](https://freight.cargo.site/t/original/i/271c935840de76c87a0bdcfcaed5d8345f6908968de316c05549754c4182ef86/46.png)
![](https://freight.cargo.site/t/original/i/5322154624578289ae33ad463c00f4f25f2870e250321b0d04d8b0072ba8276d/47.png)
![](https://freight.cargo.site/t/original/i/664e8a535110170b0c97f6c59f0663f9844b90b7111e32ae4ff6f6e81a0f0199/48.png)
![](https://freight.cargo.site/t/original/i/b8b65d4422cb653c238ac18c7bec3f75c5ab4a3e8994b12b9124a92b1b0e4fc9/51.png)
![](https://freight.cargo.site/t/original/i/e450f40fa48bc26b04ac72b56ebc39df8511d07a1ba909077d7f3753876bca90/52.png)
![](https://freight.cargo.site/t/original/i/3d456e523efd2ca492de8bb2b3e0bdb6997be380f0c78e583a9686dcb7583989/53.png)
![](https://freight.cargo.site/t/original/i/8f10150659c997dccdc576c9131481542f18be7058cf3b2aa47a81b38fa80732/54.png)
![](https://freight.cargo.site/t/original/i/2eaea08ed5c0207599affd6a073dfa2b005d93559d08ca94e664db8b74a6fc0c/main-2.png)
Medium
App
-
Part-Time
-
Role
UI/UX Designer
Character Designer