Glossar
Whether it's video, sound design, motion graphics or immersive experiences – we work across the full spectrum of audiovisual media to bring complex content to life. In this glossary, we share a curated collection of key terms from our interdisciplinary practice. Each entry provides a concise explanation to help you better understand the tools, techniques and terminology we use to translate knowledge into engaging, effective learning media.
Crazy 8
Fast ideation exercise: sketch 8 UI ideas in 8 minutes. Generate a variety of creative concepts quickly.
Developer Handoff
Provide all final assets, design tokens, and specs to developers. Ensure accurate implementation of the design.
Information Architecture
Define the structure: sitemap, navigation, and user flows. Organize content and define the logic of how users move through the site.
Figma
A web-based design and prototyping tool used for creating user interfaces, wireframes, and interactive prototypes. It allows teams to collaborate in real time, making it ideal for UI/UX design workflows.
FPG (First-Person Game)
A game viewed from the character’s perspective – the player sees through the eyes of the character. Often used in action or shooter games for immersive gameplay.
JSON (JavaScript Object Notation)
A lightweight data format used to store and exchange structured information – often used for animations, configurations, or data transfer between systems.
High-Fidelity Wireframe
Full visual design: colors, typography, icons, buttons, imagery. Final look & feel — close to what the user will see.
Lottiefiles
Animated vector graphics created in After Effects and exported as JSON files. They are lightweight, scalable, and run smoothly in websites and apps.
Low-Fidelity Wireframe
Simple black-and-white layouts, no design details. Focus on content hierarchy, layout, and functionality.
Mid-Fidelity Wireframe
More detailed, with typography styles and placeholder elements. Refine layout and interaction flow without final visuals.
Scrollytelling
A storytelling technique where content (like text, images, or animations) changes dynamically as the user scrolls. It creates an interactive, narrative-driven experience on websites.
PNG (Portable Network Graphics)
A widely used image format that supports transparent backgrounds and lossless compression. Ideal for web graphics like icons, logos, and screenshots where image quality must be preserved.
Real-Time Rendering
The process of generating images instantly as a user interacts with a program – often used in video games, VR, or interactive applications. It allows for smooth, live visuals that respond immediately to input.
Rendering
The process of generating an image, animation, or video from a 2D or 3D model using a computer. It turns raw data into a final visual output – often used in design, animation, and games.
RPG (Role-Playing Game)
A game where players take on the roles of characters in a fictional setting. They often explore worlds, complete quests, and make decisions that influence the story.
Sketch Wireframe
UI design refers to the design of user interfaces – how apps or websites look and how they can be operated – in a way that is simple, clear, and visually appealing.
SVG (Scalable Vector Graphics)
A file format for vector graphics. SVGs stay sharp at any size and are ideal for logos, icons, and simple illustrations on the web.
UI Design
More detailed, with typography styles and placeholder elements. Refine layout and interaction flow without final visuals.
UX Design
UX stands for User Experience. UX design focuses on how using an app, website, or software feels to the user. The goal is to create a positive, smooth, and understandable experience – from the first interaction to the last.