– Art Direction / Branding / Web Design / UI / Info Architecture –
Our Online Canteen
Our Online Canteen is an online platform allowing parents to order & book food for their kids at school. Each school can register and upload their own menus, uniforms etc. Parents can manage multiple children at different locations. This was completed through Gramercy Studios.
Our Online Canteen is a web service that allows parents to order their children’s school materials online. My job was to give it a fresh new look for the relaunch late this year. I redesigned the identity, the internal and external website and developed a comprehensive UI guide that could be used ubiquitously.
The logo desperately needed updating. I created several variations of the apple logo in the flat style with different levels of abstraction. I had to be careful not to promote one particular facet of the business more than another. With that in mind, I landed on the segmented version and the client also felt it reflected this.
Web Design UI
A combination of large white areas, clean and legible, san serif fonts, analogous greens and photorealistic iconography created an experience that was functional, but playful.
Buttons design and other interactive elements were a nod to Googles material design, but the imagery was a decisive break from this
The imagery offset the forms and blocks of text and also acted as a navigational / contextualization tool. The colours for each image was modified to unify the page.
The challenge with information architecture (or the placement of content) is matching user habits / preferences with technical limitations. Our online canteen internal screens have a school end and a family end both with multiple users. Correlating UI elements between each version is the simplest way to meet both objectives.
The result is something that is easy to use and an interface that can be expanded upon. We see the design as a perfect balance of usability and user experience that should make many parents lives just a little bit easier.