Skip to main content

Food Delivery Platform

The food delivery platform allows users to browse local restaurant menus, place orders, and have meals delivered to their doorstep. It features real-time order tracking, secure payments, and a variety of cuisine options, offering a seamless and convenient food ordering experience.

Visit website
  • Front End Developmen
  • Backend-APIs
  • Admin Panel
The aero lesson builder app dragging an audio component into a screen about plant cells.

The problem

In 2017, Smart Sparrow began a project to build an entirely new platform to from the ground up to serve as the most powerful tool for educators to create online learning experiences. The old platform was built in Flash, and there were a number of user experience problems to solve in the process of moving the platform to Javascript. The primary goals for the project were reducing barriers to collaboration, and making the platform both easier for new users, but with plenty of room to scale for advanced users.

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.

Food Delivery Platform

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.