
Zonal WLWO Projects
As a UI Designer, one of the jobs I do on a weekly basis at Zonal is creating mock-up designs for the Click and collect White Label Web Ordering (WLWO) for clients. In summary, Zonal’s Click and Collect technology is a fully responsive web application that the customers use to place their orders (See examples below).
My job (from a UI perspective) is to create fully customised high fidelity mock-ups of the Click and Collect system for the different clients with their brand colours, fonts and logos. Once the designs are completed and approved, I then style the theme.scss file that I’ll package and and send to the developers for them to finish off the job.
Interact with the base Adobe XD Template below
Some of the customised WLWO project I've worked on


Color Palette
#8bcdcb
#3c3c3b
#1c1c1b
#9d99cb
#fcc42f
#ec6470
#d2d943
Tools Used
- Adobe CC (Photoshop, XD)
- Brackets/Visual Studio Code
- CSS3/Sass