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 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 customise the styling file that I’ll package 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

Interact with the Generic Web & Mobile 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