Quidnunc 2000-2002
Quidnunc was my first ‘proper’ job after university. I was hired as an Implementation Designer responsible for front-end HTML, DHTML and JavaScript coding. While working on the heavily developer and business requirements led jamjar.com for Direct Line, we discovered the fledgling discipline of Information Architecture and applied it to our next project for Man Investment Products.
Opening screen from the new part exchange functions on jamjar.com. The first of its kind ever on the internet. We created a non-scrolling multipage form wizard to capture all the details, dents and scratches of the customer's current vehicle.
Screen from the new part exchange functions on jamjar.com. Back in the days of dial up internet, we provided a PDF version of the form for customers to print and take to their car to fill in so they wouldn't have to stay online for too long.
Detail of the Man Investment Products sitemap of their existing site. We deliberately made this ugly and confusing, as a direct reflection of the old site, which was full of dead ends and inconsistent navigation.
Sketch of the revised information architecture for Man Investment Products, complete with coffee stains.
New information architecture for Man Investment Products, identifying static, dynamic, country specific and content managed pages.
A simple wireframe for Man Investment Products. We had the luxury of working with highly talented information designers, so the wireframes were purely functional descriptions.
The final design fund performance screen for Man Investment Products, as described in the previous wireframe. Dynamic and static information is highlighted in the markup.
The Man Investment Products site was driven by an ancient version of Interwoven Teamsite, at the time, non-WYSIWYG. To help content publishers with the relationship of templates, data records and final HTML pages, we produced this mapping spreadsheet.