Role
- Visual Design
- User Testing
- Development
Duration
5 Weeks
Tools
The Goal
Create a series of interactive surveys that to discover how technology is changing the way people work.
The surveys were to be filled in at events on tablet devices but also to be sent by email for people to fill in on their own devices.
The design had to fit within the CITRIX styles guides but bring an element fun, movement and interactivity.
Client Login System
The team at Citrix needed a secure back-end to the website where all of the data could be collected. They needed to be able to login into it whenever they wanted to download the data to a spreadsheet, or view it in a graphical format.
This was created by building on the WordPress platform with the gravity forms plugin and adding a highly customized front-end. Access to the platform was restricted to ensure that they had the simplest user journey to access their data and there was no potential to cause changes to the sites.
Style Guide
As a multi-national software company Citrix has strict style guides regarding the use of graphics and language. I curated a selection of stock images that fitted these guidelines and designed a fluid theme, utilising the Citrix brand colour pallette and circle motif. We pushed the style guide to the limit to create something exciting that Citrix team were happy met their requirements.
Visual Language
- The survey was to be used throughout Europe the Middle East and Africa and as such had to be translated and used in many different languages.
- To help with this an icon family was created and curated that could help to quickly and easily communicate with people fro a wide variety of backgrounds and cultures.
Fluid Responsive Design
Designed to be used by the Citrix team on tablets at live events the designs had to be touch optimised. However they were also emailed as web links to large numbers of Citrix’s subscribers who would be using both desktop and mobile devices.
With the design broken up into single full screen pages considerable thought went into ensuring that each of these could fluidly adapt to every possible device size and shape maintaining good usability and keeping the visual aesthetic.