Design and develop of a wizard-style customer-facing tool for the uploading of assets for PhotoVideo generation.
Brief
Simplify the process of adding assets via a web form, providing a guided experience for customers.
Design
A series of simple forms had already been put together before I arrived at this project and limited though had been given to the over-all user experience. The forms were complex, not broken up particuarly logically, and provided little feedback during the entering of data. They also lacked any corporate branding.
The first step was to break down the required fields and re-group them in a logical manner. Wire-frame designs were then drawn up in Illustrator and presented to the internal customer for agreement.
I then started to put together a clean look-and-feel in PhotoShop, based around the idea of a wizard. This wizard would guide the customer through each step, providing feedback where required and multiple save-points.
A design prototype was then created in XHTML and CSS, with the interactive elements built in jQuery.
Code
The application was to be delivered onto a new Windows hosting platform. Basic requirements for handling uploaded content and customer details needed to be created along with a customer notification system via email. 3rd party components were used to handle image manipulation and emails.
Front-end:
XHTML, CSS, jQuery
Back-end:
ASP vbscript