Banking in Turkey

Experience map of banking with ING Turkey with set goals.
ING Goals

User journeys based on goals with templates.
ING templates

Taking the existing online banking information architecture and simplifying the sitemap.

Broke out the sitemap to be task-led i.e. ‘View & manage’, ‘Make a transfer’ and ‘Apply for products’.
ING ob sitemap

After heavy research, low level sketches were produced across all templates.
ING sketch

High fidelity wireframes for handover to the tech team.

ING_Online Banking_statement

ING Online Banking transfer money

After high fidelity wireframes were produced, the sitemap with template references were revised.

Designs by Claire Morris

Online banking
OB5_Activity_credit

Public website
PW1_Homepage

PW3_Contact_us_map

Public website for global bank

Having joined the team after the discovery phase for the redesign of the HSBC UK public website, I was required to work on high fidelity wireframes and collaborate with the team to collect a library of templates and modules.

– Took part in user testing and worked with consideration of feedback
– All products and content from existing site was audited against proposed design
– Detailed documentation for client approval and off-site developers

Explore the world of science, technology and health

A new vertical for BBC called Future is a hub of content in forms of articles, images, video and interactive applications. To make discovering content more fluid, users have the ability to view by tags and filter by media.

Started with an experience map to set goals for how different user types could use the website to find something of interest to them.
BBC Future

Sketching and card sort exercises to produce pages.
BBC Future

Low-mid fidelity wireframes which were passed over to the designer and collaborated to refine the designs.
BBC Future

Visual design not my work.
BBC Future

Free iTunes film on Thursdays

A tight scheduled project for the Orange’s iTunes Film To Go offer. User journeys and diagrams articulated the platforms available to redeem iTunes code and the process in which how users can download the film. Worked closely with the copy writer as well as the creative team to create experiences for the desktop website, mobile website, iPhone app, Facebook tab and other related campaigns.

Orange iTunes - Film to Go

Orange iTunes - Film to Go

Orange iTunes - Film to Go

Orange iTunes - Film to Go

Visual design not my work.
Orange iTunes - Film to Go

Flight booking engine in English and Arabic

Worked with lead UX designer in a collaborative process to structure an intuitive information architecture for the flydubai booking engine. Together we developed a flow from user journeys, mapped out requirements and continuously referenced them for rapid sketching in 6-ups then 1-ups. Digital wireframes and interactive prototype for usability testing were then created in Axure.

flydubai - booking engine

flydubai - booking engine

flydubai - booking engine

flydubai - booking engine

flydubai - booking engine

Clickable prototype built in Axure for usability testing.
flydubai prototype auxure

flydubai prototype auxure

flydubai prototype auxure

flydubai prototype auxure

Visual designs not my work.

eBay has new and branded products

Initially created to visually inspire eBay customers of new and branded items available across their site. Worked purely on wireframes and prototypes.

Prototype 1: Using HTML and PHP, displayed a grid of images with a horizontal scroll to view how many images were needed to create the experience we aimed for. With this realisation, it reduced time for both developers and visual designers.

Prototype 2: Expression blend (silverlight) to demonstrate interactions and animations

Ebay spotlight - Silverlight

Ebay spotlight - Silverlight

Ebay spotlight - Silverlight

Ebay spotlight - Silverlight

Ebay spotlight - Silverlight

Visual design not my work.
Ebay spotlight - Silverlight