index_boonli.png

Boonli

Boonli is a customizable, secure, time-saving software that transforms the way schools, workplaces and food service providers process orders and payments online. Through Boonli's cloud-based platform, schools offer parents a seamless way to order meals, buy spirit wear, sign up for school activities, pay for before or after care and even submit tuition payments. Workplaces use the platform to curate the best local restaurants, design custom menus and process orders and payments for fresh and affordable meals prepared and delivered daily. 

Responsive Design

Boonli

 

Boonli is a customizable, time-saving software that transforms the way schools, workplaces and food service providers process orders and payments online. Through Boonli's cloud-based platform, schools offer parents a seamless way to order meals, buy spirit wear, sign up for school activities, arrange child care and even submit tuition payments. Workplaces use the platform to curate the best local restaurants, design custom menus and process orders and payments for fresh and affordable meals prepared and delivered daily. Boonli was repositioning itself with a new name and identity. The redesign needed to simplify the messaging so that their software could shine. We were able to increase traffic and customer engagement with an effective website.


view prototype

 
 

Telling a story

The layout of the site was designed to give each section of the page proper hierarchy and allow for a visual narrative that guides the user through the page.

 
 
 
 
phones-boonli.png

Mobile First

Boonli’s audience consists of caterers and working people on the go so it was very important to have a website that displayed beautifully on mobile.

 

Targeting Every User

With Boonli’s varied services, we could have designed 3 different homepages. Instead, we leveraged some interactive technologies like an animated banner and a tabbed solution section to target each audience type.

 
 

Responsive Design

We built the site to be 100% responsive. Great attention was taken to ensure all the typography, icons, illustration, and images were optimized for any screen. The site leverages .svg files which reduce file size and appear crisp at any resolution.

 
 
 

Elements

Boonli came to us with a freshly designed logo and a color palette. We took the ball and created a more complete identity using typography, carefully selected imagery and illustrations.

 
This illustration was created to show how Boonli works from the ordering portal to the lunch table.

This illustration was created to show how Boonli works from the ordering portal to the lunch table.

 
Images that felt inauthentic were replaced with candid photography that spoke to the tone of the brand.

Images that felt inauthentic were replaced with candid photography that spoke to the tone of the brand.

 
A custom set of iconography was created to help underscore the content.

A custom set of iconography was created to help underscore the content.

 
The product is currently going through a redesign and is not yet ready for prime time so we opted to create a simplified version of the UI to illustrate the functionality to the user.

The product is currently going through a redesign and is not yet ready for prime time so we opted to create a simplified version of the UI to illustrate the functionality to the user.