練習 Renshuu
2024–25
A redesign of Renshuu, a Japanese learning platform.
As an online Japanese learning platform, Renshuu stands out as one of the best resources for language learners, offering comprehensive content from grammar to vocabulary and games. However, its extensive feature set has led to organizational challenges, resulting in a cluttered homepage. Renshuu's outdated design identity creates a confusing user experience, making it difficult for users to understand how the site works. In this project, I aim to streamline Renshuu's interface through a modern, intuitive design system that organizes its extensive features while preserving the platform's educational value.
· · ────── ꒰ঌ·✦·໒꒱ ────── · ·Problem Statement
How can we implement a more scalable system while reducing cognitive load for language learners?· · ────── ꒰ঌ·✦·໒꒱ ────── · ·
Renshuu's wealth of features and content creates an overwhelming homepage.
A dashboard-centric interface brings all essential information into one place, reducing the need for excessive scrolling.
Navigational menus lack clear organization, making it difficult for novice and experienced users alike to find what they need.
A consistent grid system and clear progress markers help users quickly identify incomplete tasks and stay motivated.
The absence of visual hierarchy increases cognitive load and disrupts the learning experience.
Streamlined navigation and improved visual hierarchy minimize confusion, allowing learners to focus on studying rather than searching.
Figure 1. The redesigned dashboard page
Figure 2. A redesigned profile page
Figure 3. A different version of the profile page
Research Process
Figure 4. Here are some artefacts from the design cycle that did not make the final version, but helped me brainstorm different styles that I could develop.
Figure 5. To begin the re-work of the navigation menus, I first organized all of them onto post-it notes. This would allow me to begin brainstorming on how to simplify the navigation experience.
Figure 6. This is the first iteration I had considered for a new navigation bar. I ended up scraping it because I wasn’t completely happy with the structure. Certain links, like the Garden and Games, still felt out of place.
Figure 7. I rearranged the links into a sidebar, combining everything into one and easy navigation system that does not overwhelm the language learning. I also moved some links around, such as the Renshuu Pro link and the FAQ/help forums.
Figure 8. Analysis of problem one
Figure 9. Analysis of problem two
Figure 10. Analysis of problem three
Figure 11. Analysis of problem four
Takeaways
I learned to trust my gut instincts, rely heavily on secondary research when primary research isn't available, and embrace bold, last minute changes that improve the product. I've learned that failure is acceptable, and creating multiple "failed" attempts can be productive—these iterations often contribute valuable elements to the final design.