The goal of this project was to bring the look and feel of the current website to the Campus Cafe student management software used by Eleven Fifty Academy.

Design System

Step one was to make a design system based on the current Eleven Fifty Academy website and print materials.

Atoms

Components

Layouts

Management System

The second part was to take the design system and build a best case scenario static prototype of the management flows. This let us test the design system and solve responsive layout issues.

Play with prototype

Final Part

The last step was adjusting the css of the Campus Cafe installation to match the prototype.

Before and After