Interaction - Bachelor

Systema

trophy Awarded

People's Choice

Systema is an augmented reality learning app that uses artificial intelligence and visual overlays to reveal how real-world systems function internally. It simplifies complex concepts through interactive animations, allowing users to explore, observe, and understand how objects work from the inside out in an intuitive and engaging way.

01. Introduction

Since childhood, I’ve been fascinated by how things function. Whether it was fixing, observing, or taking things apart, I’ve always been drawn to understanding how systems connect and interact.

That curiosity grew stronger when I began maintaining my own motorbike as a student. Manuals and videos felt disconnected from the physical object in front of me. They didn’t show how things truly worked. This frustration became my inspiration.

Systema was born from that curiosity. A project that merges design, technology, and learning. It bridges the gap between seeing and understanding, allowing users to explore the hidden mechanics of the world around them.

02. DESIGN CONCEPT VIDEO

03. Design Challenge

Problem Statement

Learning how systems work is often limited by flat, disconnected resources. Manuals, diagrams, and videos can explain what parts do, but not how they move and interact in real time. There’s no tool that lets users see internal motion in direct context with the real object in front of them.

Design Question

How might we make it easier for people to see and understand how real systems work instantly without taking them apart?

Systema App - Design Process Images

04. Design Process

a. Discover
Identify where static media fails to explain motion and context, confirm that real comprehension needs paced, spatial visualisation.

b. Define
Frame the experience around showing cause and effect on the real object, establish a clear promise of seeing internal motion in context.

c. Design
Translate principles into simple guided interactions, create a visual language that teaches through motion rather than jargon.

d. Validate
Test for faster understanding and confidence, fine-tune pacing, hierarchy, and sequencing to lower cognitive load.

e. Refine
Remove friction and non-essentials, keep only what helps learning so curiosity turns into understanding.
Systema App in action - Person holding phone pointing at object

05. The Experience

– AR Scanning Mode
Users point their device at an object and the app uses AI recognition to identify it and overlay internal animations that explain its mechanisms.

– 3D View Mode
A curated library of interactive 3D models lets users explore systems from every angle.
Sytema Visual Style

06. Visual Style

Systema’s visual language blends futurism and clarity. The interface uses luminous highlights, soft gradients, and dark grounding tones to create a feeling of technological depth and precision. Every colour and glow is designed to express energy, learning, and discovery, making complex systems feel both intelligent and approachable.
Laptop Mockup On metal racks

07. Reflection

Creating Systema taught me the value of designing for clarity. The project pushed me to balance technical complexity with simplicity and usability, translating intricate systems into visual, intuitive experiences. Through prototyping and iteration, I discovered how interaction design can turn confusion into confidence, helping users learn through observation rather than instruction.

Systema reaffirmed my belief that design is a bridge between curiosity and understanding, a way to transform technology into a tool for exploration and education.
Banner Divider

08. Future Developments

Shaping the Next Evolution of Learning

Systema has the potential to evolve far beyond its current prototype stage. As augmented reality and artificial intelligence continue to advance, the project could develop into a fully functional educational platform capable of scanning and interpreting a wider range of real-world objects.

Future iterations could integrate interactive simulations, shared learning spaces, and user-generated system models, transforming Systema into both a teaching tool and a creative hub. With improved object recognition and real-time data rendering, users could experience even more accurate and dynamic visualisations.

Beyond education, Systema’s framework could extend into technical training, museums, and repair industries, allowing people to learn, maintain, and explore complex systems with clarity and confidence.

As a designer interested in the intersection of interaction, visual communication, and emerging technology, I see Systema as a foundation for continued research into how digital tools can make knowledge more intuitive, engaging, and accessible for everyone.

Laptop Mockup with systema screen

“The greatest discovery is seeing the familiar with new eyes.”

Marcel Proust

Jose Hernandez

Jose is an interaction designer driven by curiosity about how people engage with technology and their environment. His practice focuses on understanding human behaviour and emotion to design meaningful, intuitive experiences. Blending observation, reflection, and experimentation, he seeks to create interfaces and systems that feel natural and enriching. For Jose, design is a way to connect people, simplify complexity, and make everyday interactions more fulfilling.