Shell Dialogues

Simple and useful tools

Shell Dialogues is a debate platform between Shell and Special Publics. The existing website was difficult to navigate, the content scattered and the sign up process confusing. We simplified the registration, provided multiple ways to explore content other than web-chats, removed cumbersome functionalities and added simple and intuitive tools.

Taking metrics, business requirements and user needs as the starting point, I worked collaboratively with the art director and technical lead to ensure the Shell Dialogues site was useful, usable and beautiful. I created the whole architecture documentation, including user flows, sitemaps and fully annotated wireframes (with interaction guides and functional specifications).

Fully annotated wireframes

Clean, friendly and usable final design

Complex flows = simpler experiences

LloydsTSB Academy

LloydsTSB Academy is a campaign microsite for young people in the market for their first bank account. To make the offering more attractive, the site promised a £100 referral scheme reward, the chance to get school fees paid and free music tracks.

As the lead User Experience designer, I created the whole architecture for this microsite.

Lloyds Academy wireframe=

Lloyds Academy final website

Vauxhall VXR

VXR asked us to redesign their performance cars microsite. We cleaned up the navigation and brought the brand attributes to life by elevating video and image content that was buried deep within the site. Working closely with the art director, we produced a slick site that is easier to use and oozes raw driving excitement.

I was responsible for all the IA/UX work, which included user research, competitor analysis, content analysis, sitemapping and wireframes. 

Vauxhall VXR wireframe

VXR microsite

Blue Kids

We are taking children on an online challenge. It involves games, quizzes and community aspects that encourage an interest in Blue issues, together with facts and ideas about sustainability. Children are welcomed to a playful seaworld and invited to create their own sea creature persona. This persona provides access to engaging games, puzzles and quizzes. See Bluekids phase 1.

I produced the content strategy, the sitemap, wireframes and user scenarios.

Blue Kids detailed interaction

Final design