Close

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.

Client
Zonal Data Systems
Services Rendered
UI Designs, Wireframes, Visual Design, Web Design
Color Palette
#8bcdcb
#3c3c3b
#1c1c1b
#9d99cb
#fcc42f
#ec6470
#d2d943
Tools Used
  • Adobe CC (Photoshop, XD)
  • Brackets/Visual Studio Code
  • CSS3/Sass