Skip to main content

A Ride in the Sky

I worked on this project to better my skills in 3D modelling and animation.Using Recat-Three-Fiber and GSAP.I was able to recreate something fantastic and mind-blowing experience for the Users.Smooth flow of the plane and the clouds in the background makes it more realistic and fun to watch

Visit website
  • UX and UI Design
  • Front End Development
  • Motion Design
  • GSAP
  • Three.js
  • React-Three-Fiber
The aero lesson builder app dragging an audio component into a screen about plant cells.

The Plane

I worked on this project to better my skills in 3D modelling and animation.Using Recat-Three-Fiber and GSAP.I was able to recreate something fantastic and mind-blowing experience for the Users.Smooth flow of the plane and the clouds in the background makes it more realistic and fun to watch.

A set of dark themed components for the aero design system

The aero design system

To streamline the design process across designers and engineers for such a large project, it was important to lay the foundations with a strong, flexible design system that could evolve during the product’s development cycle. This would inform both the aesthetics and user experience across the product itself as well as the website and marketing material.

The homepage of the aero design system docs website linking to principles and components.

Design system docs

A design system is useless if no one knows how to use it, so we put together a comprehensive documentation website to cover principles, ux, accessibility, and component guidelines for designers and engineers working with the system.

A dramatic ocean scene with lava forming a new land mass.

Motion design

Animation was a core principle in making the authoring experience a more understandable process. Elements animate in ways that indicate the cause and effect of each interaction to improve the fluidity of the overall experience.

Encouraging adaptivity

A major part of solving for collaboration was being able to visualize the learner experience in the editor. This was especially beneficial for subject matter experts and instructors need to review and give feedback on the higher level structure without having to dig through all of the adaptivity scenarios screen by screen.

A drag and drop storyboard style editor for creating an adaptive lesson.

An extensible plugin ecosystem usable by everyone

The most powerful aspect of the platform is the ability to create custom plugins for any content, whether it be a degree, course, lesson, screen, or interactive component. Out of the box these can be made configurable with minimal effort from developers. Learning designers can then edit everything using a common configuration interface.

Configuration options for a component.
Configuration options for text.

Project outcomes

Ultimately the project was successful after Smart Sparrow and the aero platform were acquired by Pearson in 2020 to become a foundation for their next generation learning platform.