# Asquareportal

> Motion design studio crafting explainer animations, interactive motion graphics, and visual storytelling. Based in Berlin.

## Key pages

- [Home](https://asquareportal.com/): Motion design studio portfolio, process, and selected work.
- [Journal](https://asquareportal.com/blog): Essays on motion design, Rive, interactive graphics, and creative workflows.
- [Work](https://asquareportal.com/work): Case studies — branding, web design, interactive animation and more.
- [Courses](https://asquareportal.com/courses): Online courses and learning materials on motion design.
- [Playground](https://asquareportal.com/play): Interactive graphics and experiments.
- [Portals](https://asquareportal.com/portal): AI creative workspace preview.
- [Contact](https://asquareportal.com/contact): Start a project with the studio.
- [Impressum](https://asquareportal.com/impressum)
- [Datenschutz](https://asquareportal.com/datenschutz)

## Journal

- [AI & Human Design, NASA HMI, Johnny Harris & Free Tools!](https://asquareportal.com/blog/ai-and-human-design-nasa-hmi-johnny): Your Gateway to Motion Design, Visual Storytelling & Creative Mastery
- [Designing NASA's Lunar Lander HMI in Rive: A Journey into Interactive Motion](https://asquareportal.com/blog/recreating-nasa-s-lunar-lander-hmi-in-rive): How a Contra challenge submission in Rive turned NASA's Lunar Lander HMI into interactive motion — and why this design layer is where AI supports but does not replace.
- [The Key to Being an Online Creator — Plus Insider Tips & Resources](https://asquareportal.com/blog/the-key-to-being-an-online-creator): Your Gateway to Motion Design, Visual Storytelling & Creative Mastery
- [Your 2025 Creativity Guide!](https://asquareportal.com/blog/your-2025-creativity-guide): How to achieve Creative Success in 2025
- [Welcome to the Portal!](https://asquareportal.com/blog/welcome-to-the-portal): So what does it mean to be a ‘Creator’?

## Case studies

- [Buzzlove](https://asquareportal.com/work/buzzlove): A short, energetic animated spot for Buzzlove — bold colour and confident motion that carry the brand’s energy in under twenty seconds.
- [How to Practice Mindfulness](https://asquareportal.com/work/practice-mindfulness): An animated explainer for CoachHub that turns the practice of mindfulness into a calm, step-by-step routine.
- [CH Library Product Explainer](https://asquareportal.com/work/ch-library): A concise animated explainer for CH Library — the product and its collection, told as a short, clear story.
- [Understanding Stress](https://asquareportal.com/work/understanding-stress): An animated explainer that makes stress understandable — what it is, why it happens and how the body responds, told through calm, clear motion.
- [Seed & Stem](https://asquareportal.com/work/seed-stem): A short, warm animated spot for Seed & Stem — a brand brought to life with gentle, natural motion.
- [What is Psychological Safety?](https://asquareportal.com/work/what-is-psych-safety): The psychology of psychological safety — what it is and why it matters, told through a calm, character-driven explainer for CoachHub’s learning academy.
- [How to Practice Psychological Safety](https://asquareportal.com/work/practice-psych-safety): An animated explainer on how to actually practise psychological safety at work — practical guidance in calm, clear motion.
- [What is Mindfulness?](https://asquareportal.com/work/mindfulness): An animated explainer for CoachHub’s learning academy. A research-led script turned into a calm, vector-style piece built inside the CoachHub design system.
- [Spotify (Concept)](https://asquareportal.com/work/spotify): A motion concept for Spotify — the cover, brought to life without losing the identity.
- [NASA Lunar Module · HMI](https://asquareportal.com/work/nasa): A Human Machine Interface for the NASA Lunar Module — an interactive animation concept built from the ground up inside Rive.
- [CH Illustration System](https://asquareportal.com/work/ch-illustration): A complete illustration system for CH — characters, palette and spot illustrations built to stay consistent across everything the brand ships.
- [E-Learning Car UI](https://asquareportal.com/work/car-ui): An interactive e-learning car UI — an automotive interface built as a live Rive state machine, ready to sit inside a course as a component learners can touch.
- [AOL](https://asquareportal.com/work/aol): A brand campaign opener for AOL — bold typography and confident motion that opens the campaign with impact.
- [Franklin & Templeton](https://asquareportal.com/work/franklin): Creative and copy ideation for Franklin & Templeton — the thinking behind the visual direction.
- [Keeta](https://asquareportal.com/work/keeta): A brand and visual identity for Keeta, the network layer for modern global finance. Research-led art direction turned into a confident, product-ready system for a payments company 
- [ICC](https://asquareportal.com/work/icc): Visual design work for ICC — a clean, confident look delivered across a focused set of frames.
- [Kurin](https://asquareportal.com/work/kurin): A social-first visual identity for Kurin — a consistent, recognisable look across posts.
- [Pear Diagnostics](https://asquareportal.com/work/pear): A full brand and website for Pear Diagnostics — identity, stationery and a clean web presence.
- [Science Behind Stress](https://asquareportal.com/work/what-is-stress): An animated explainer that answers the question simply — what stress is, why it happens and how the body responds.
- [WBHC](https://asquareportal.com/work/wbhc): A motion identity for WBHC — a confident intro animation that opens the brand with pace and precision.
- [AirCon](https://asquareportal.com/work/aircon): A calm, confident brand identity for AirCon — logo, colour, type and a componentised card system, built to carry the product and the website.
- [AI Agent Avatar Creator](https://asquareportal.com/work/ai-agent): An interactive AI agent avatar creator — a Rive-powered experience where the avatar rigs, animates and reacts through state machines, all inside a living UI.
- [X-Ray E-Learning](https://asquareportal.com/work/x-ray): A drag-to-peel X-ray e-learning experience — slide the control and the vehicle opens, layer by layer, to reveal exactly what’s inside.
- [AirCon Website](https://asquareportal.com/work/aircon-website): Comfort and trust, designed end to end — a live Framer website for a London air-con service, built on top of the AirCon brand identity.
- [Green Flag — Clay Stop-Motion AI Matcha Ad](https://asquareportal.com/work/green-flag): A portrait, clay stop-motion AI ad for a ceremonial matcha brand with a witty, confident personality — produced end-to-end inside a node-based AI workflow, with no traditional post