We Print Lanyards Web UI

Figma • Photoshop Visual • Studio Code

Revised design and journey of the online shop to improve brand consistency and userbility on desktop and mobile. Worked in conjunction with our marketing agency to facilitate strong SEO while ensuring design goals were met. Mock-ups were created using Figma and realised by the development team.

Proof Page

Updating proof page for customers to be more user friendly on web platform, to improve customer journey and streamline interactions with the artwork team.

Figma design document is avalable to view here
Figma interactive prototype is avalable to view here

... ... ...
... ... ...

Category Page

New and consistent product photos, changed thumbnails so they better suit the brand guidelines, added features to improve usibilty - carousel and product filters. Below images show before, after and mock-ups respectively.

Live version is avaliable to view here

...

Product Pages

Vastly improved userbility. Losenges for colours are now easier to browse as well as allow those who may have visual impairments to navigate between the colours. Utalised text heirarchy to emphasies important information to the user, and guide them around the page.

Live version is avaliable to view here

... ...

Email Template

Redesign of Email Templates

...