VISUAL DESIGN | UX DESIGN

 

UI | UX ELEMENTS

 

OFFICEWORKS | CONTRACT ROLE

CLIENT: OFFICEWORKS
DATE: August 2017 - February 2018
TIMEFRAME: Per project
TOOLS: Pen and paper, Confluence, Slack, Axure, Photoshop, Illustrator. 
DELIVERABLES: Sketches, user flows, screen flows, wireframes, icons, banners, landing and web pages. 
MY ROLE: General research and project documentation, sketching, wireframing, user flow, visual design, branding, usability testing.

BULK BUY IMAGERY

 

Officeworks offers discounted prices on bulk buy products, but many customers are not aware of this offer. As part of the rebrand for the Bulk Buy initiative, we created this icon in conjunction with the product owner, as well as new strategic imagery, like these espot banners for desktop and mobile.  

1.0 Category eSpot Banner Mobile1.0 Category eSpot Banner Mobile
1.2 Category eSpot Desktop copy 21.2 Category eSpot Desktop copy 2

RESPONSIVE BANNERS

An example of a set of responsive banners part of the new strategic imagery for the Bulk Buy initiative. This photoshop template contributes to an efficient design workflow, allowing to view the whole range of device optimized banners on one canvass and allowing a one click easy-export option from the layers panel.  

RESPONSIVE-BANNERSRESPONSIVE-BANNERS

HI FI PROTOTYPE IN AXURE

Mobile-first prototype in Axure for an A/B testing project regarding the file upload service provided by Officeworks as part of the Back to School program. This is the design presented to a custom segment of users based on their IP address. The delivery option was successful and considered to be implemented in the near future.

Axure protype link: https://tp5xlx.axshare.com/#g=1&p=landing_page&view=default

 

GIF BANNER

A GIF for the Print & Copy landing page, promoting a “Officeworks HP Wall Art”, a wallpaper product with low discoverability.    

3.0gif3.0gif