Koala is an ordering platform in which restaurants can create a custom, branded experience for their guests. The platform integrates with other vendors that many restaurant franchises already use, such as Olo and Punchh.
As a product designer on the Koala team I worked with product managers, engineers, and sales to iterate on their native iOS, in-store kiosk, and web platforms.
One of the things I enjoyed most about working with the Koala platform was its unique position as a B2B and B2C company. This meant balancing our own business needs with clients’ business needs and making sure we provided users with a functional, expressive experience.
Koala had a version of the iOS experience already implemented and running for one client. However the build for this version was very specific and lacked many personal account features. This inhibited Koala from selling the iOS platform as fully customizable. To improve this we redesigned and rebuilt the iOS experience to be consistent with a unifited design system, as well as integrated with loyatly vendor Punchh.
Examples of the iOS experience before the redesign
Goal: Increase sign up and sign in rate
Since there was not a dashboard or home screen in the current logged in experience, there was very little incentive for users to log in or create an account.
We explored adding a home screen that users would see after logging in to welcome and anchor them in the experience as well as track personal information like available rewards, loyalty points and messages before entering the ordering flow.
Integrating with Punchh allowed us to offer more loyalty features. This gave users the opportunity to gain rewards with their orders and also provided more incentive to return to their accounts to track progress.
Home screen before and after redesign
Loyalty / account flow
Goal: Give brands more opportunity for visual expression
Koala had one template for menu viewing before the redesign, and menus looked very similar across brands. Our goal was to add more variety to the platform by adding more menu templates for brands to choose from. Along with this we also added allergen filters, so users could flag any dietary restrictions.
Additional menu templates
Final white-label designs and transitions prototype of the loyalty and ordering experience.
To ensure consistency in UI, I cleaned up all the current and new styles and components. This ensured consistency in UI for the user, but also provided a much needed refresh for the internal team. This gave us the materials to streamline our communication from product, design, and engineering whenever referencing current tasks.
By editting colors, type styles, and messaging through the Koala CMS any brand can create a custom and unique experience.
MOD Pizza instance shown below.
White-label Koala home screen and customized MOD Pizza home screen
MOD Pizza ordering flow
After implementation of the new UX enhancements we saw a strong increase in sign in and sign up rates, as well as an increase in average order size.
Now equipped with a unified design language through the design system, the sales team was also able to bring on 10 new brands to the platform.
© 2022 Johnny Lunn. All rights reserved.