Skip to content
A three-dimensional interactive educational environment manifests as an intricately constructed spatial narrative, where miniature architectural structures rise from a contoured, island-like platform
Junru Xu's Learno Interactive Learning Experience establishes a comprehensive educational ecosystem through a sophisticated multi-screen interface composition that demonstrates advanced information ar
Junru Xu's Learno Interactive Learning Experience presents a comprehensive pedagogical ecosystem rendered in isometric three-dimensional forms with soft matte surface treatments and rounded organic ge
Junru Xu's Learno Interactive Learning Experience presents four distinct three-dimensional isometric educational interface compositions arranged in quadrants against a neutral warm off-white ground, e
Junru Xu's Interactive Learning Experience constructs a digitally rendered pedagogical environment where soft modeling techniques generate approachable three-dimensional forms anchored by a warm coral

Ruhaus Design

Iron Education, Teaching Aid and Training Content Design · 2026

Learno Interactive Learning Experience

by Junru Xu, Jianing Wei and Yueqi Zhang

  • A' Design Award 2026 Iron Winner in Education, Teaching Aid and Training Content Design
  • Awarded April 15, 2026
  • CLIENT: Ruhaus Design
  • Estimated Number of Design Views: 5,002
  • Verification code 7388C97783 · Verify this award
Email this page to a friend

Get a Badge

About Learno Interactive Learning Experience

Learno is a digital learning platform designed for K12 education. Academic subjects appear as explorable worlds within a unified spatial knowledge map. Students select a personalized AI companion and follow adaptive study journeys with real time feedback and learning recommendations. Progress is shown through gamified milestones, and immersive virtual reality scenarios offer guided reset moments when students feel tired. The platform works across tablets, desktop interfaces and virtual reality, and supports both academic progress and emotional wellbeing.

Junru Xu's Interactive Learning Experience presents an innovative approach to educational interface design, translating abstract pedagogical concepts into tangible spatial metaphors that invite exploration and discovery. This visualization belongs to the emerging tradition of gamified learning environments where educational content organization transcends conventional linear menus and hierarchical lists, instead proposing a geographic logic wherein knowledge domains manifest as distinct architectural precincts within an interconnected miniature landscape. The designer demonstrates sophisticated understanding of contemporary user experience principles by employing an isometric-adjacent viewing angle that maintains legibility across all zones simultaneously, a compositional choice that honors the user's need for comprehensive orientation while suggesting the possibility of focused navigation into specific learning realms. The chromatic strategy reveals particular accomplishment, with warm coral and peach tones establishing approachability and comfort in core academic zones, cool greens and blues designating analytical and scientific domains, and soft purples marking creative and artistic territories, a color-coding system that operates both aesthetically and functionally to create intuitive wayfinding without requiring explicit instruction. The architectural vocabulary combines vernacular cottage forms suggesting home and comfort with citadel structures implying achievement and aspiration, a symbolic pairing that positions learning simultaneously as familiar safe space and exciting conquest, addressing the dual emotional needs of security and challenge essential to effective educational engagement. Technical execution demonstrates considerable skill in dimensional paper-craft aesthetic and layered illustration, with clean edge definition, subtle shadow work, and careful attention to scale relationships creating visual coherence across diverse architectural forms and landscape zones. The integration of decorative elements including celestial stars suggesting aspiration and wonder, musical notation indicating creative expression, botanical forms representing growth and natural development, and the prominent golden star hovering above the central Core Hall functioning as both visual focal point and achievement symbol enriches the composition with multiple iconographic layers that reward sustained viewing. The overlaid interface panel introducing "The Knowledge Realms" concept establishes the work's dual function as both representational illustration communicating educational philosophy and functional interface screenshot demonstrating actual platform navigation, a synthesis that speaks to the increasing convergence of aesthetic communication and operational design in contemporary digital education tools. The labeled districts—Electives Lodge, Core Hall, Art Citadel, STEM Citadel, and Wellness Pavilion—suggest a holistic educational philosophy integrating academic rigor with creative development and emotional well-being, the spatial separation and connecting pathways implying both domain specificity and interdisciplinary possibility, a pedagogical stance that honors specialized knowledge while encouraging synthetic thinking and cross-domain exploration. How might this spatial metaphor transform a learner's relationship to educational content, shifting from passive consumption toward active geographic exploration, and what new forms of intellectual curiosity might emerge when curriculum becomes landscape and learning becomes journey?

Press Kit

Unique Properties
Learno is an immersive AI-powered learning ecosystem for K12 education. It introduces a spatial knowledge realm universe where academic subjects become explorable worlds within a unified learning map. Personalized avatars, emotionally intelligent AI tutors, and adaptive study journeys transform conventional learning into an engaging and confidence-building experience that supports both academic progress and emotional well-being.
Dimensions & Packaging
LEARNO is a digital learning platform designed for K12 environments. The system includes a multi-layered interface architecture composed of a spatial learning map, adaptive study dashboards, AI tutor interfaces, and gamified learning progression systems. The platform is designed for cross-device environments including tablets, desktop interfaces, and immersive VR learning scenarios. The interface visuals and interaction components were designed using scalable UI systems optimized for digital education environments.
Tags
AI Learning Platform, Adaptive Learning Journey, Gamified Learning System, Spatial Knowledge Map, K12 Educational UX Design
Production Technology
LEARNO was developed through a human-centered design process integrating UX research, AI interaction design, and immersive world-building. The interface system was designed using digital product design workflows including user journey mapping, interaction prototyping, and gamified spatial information architecture. AI learning companions are conceptually supported by adaptive learning algorithms and emotion-aware conversational systems, while immersive VR scenarios provide guided emotional reset experiences within the learning environment.
Design Challenge
The primary challenge was designing a learning system that supports both academic progress and emotional wellbeing. Existing digital learning tools prioritize efficiency and performance metrics, often overlooking students’ motivation and psychological resilience. The project required integrating AI personalization, immersive world-building, and educational UX design into a coherent learning ecosystem while ensuring the experience remained intuitive, supportive, and engaging for a wide age range from K12.
Project Duration
The project started in October 2025 in the United States and was developed through iterative design research and prototyping throughout November and December. The concept and interface design were completed in early 2026 as part of an exploration into future AI assisted learning ecosystems for K12 education.
Operation Flow
Students begin by selecting a personalized AI companion aligned with their learning style and personality. Through the Knowledge Realms map, learners navigate different subject worlds such as STEM, arts, and wellness. AI tutors guide students through adaptive study journeys, providing real-time feedback, learning recommendations, and emotional support. Progress is visualized through gamified milestones while immersive VR environments offer guided reset experiences when students feel overwhelmed or fatigued.
Research
This project is based on exploratory design research on student motivation and emotional wellbeing in K12 learning environments. The objective was to investigate how immersive environments and AI companions could support engagement and confidence. Methods included literature review, learning journey mapping, and speculative interaction prototyping. Insights revealed that spatial learning environments and emotionally responsive AI tutors could significantly increase intrinsic motivation and perceived learning support.
Inspiration
LEARNO was inspired by the hidden academic pressure faced by millions of K12 students worldwide. While many digital learning tools focus on performance and efficiency, motivation, confidence, and emotional wellbeing often remain overlooked. This project explores how design, AI, and immersive environments can reshape learning into a supportive journey, helping students feel guided, motivated, and emotionally understood while developing knowledge and long-term resilience.
Image Credits
Key Visual: Team LEARNO, Knowledge Realms, 2025.
Showcase Image 1: Team LEARNO, User Flow & Interface, 2025.
Showcase Image 2: Team LEARNO, Visual Design Zoom-in, 2025.
Showcase Image 3: Team LEARNO, User Scenarios, 2025.
Showcase Image 4: Team LEARNO, Immersive Learning Interface in VR, 2025.
Patents
Copyrights belong to Team LEARNO of Ruhaus Design, 2026.

Colors of Learno Interactive Learning Experience

Related Designs

View All

Good Design Deserves Great Recognition

Nominate Your Work for the A' Design Award.

Nominate