Skinning a variety of Wave2 websites

Skills: Prototyping, HTML5, CSS3, Bootstrap3, Javascript, jQuery, AngularJS
Timeline: Over 5 years

Objective:

To reskin the UI of the Wave2 site, from the 'out the box' style, to different brand websites.

Project description

Wave2 has a front-end site which allows customers to view their INDD templates which have been ingested into the Wave2 system (including an INDD server) and modify fields to their template. For example, a price tag in a shop, the template is created in INDD and uploaded to Wave2 where the user can see their template on the site. They can then modify variable fields which they want to change like the price and offer date. After completing the changes to their template the user can then either save locally or export it. I was the main person in our team to work on styling the front-end, where the site had to represent their brand guidelines, for example colour scheme and logo. Each site was created as a prototype on a demo server where I could then make UI/UX changes and be in regular contact with the client. As each site which were created had the Wave2 style, my job was to change the design from the out the box style to the customer requirements.

Wave2 out the box style

Previous customers

Languages used to update the style of the site

HTML5 | CSS3 | JavaScript | jQuery | AngularJS | Bootstrap

Some of the designs of completed skins

Robert Morgan-Macdonald