Embed Size (px)
Citation preview
David Richards website redesignwww.davidrichards.co.uk
MA in UXD, Kingston UniversityExperience Design 1, Fleeta Chew
Des
ign
Proc
ess
David Richards is a well established Print Management company based in England since 1973.
Brainstorming
Fig 1. Current David Richards website
After a session of brainstorming the group decided that the online presence of David Richards needed an overhaul.
Des
ign
Proc
ess
Problems
Design (lack of brand identity, poorly layout pages, lack or visual coherence)
Information architecture (important content buried, poor navigation, unclear service offerings, lack of structure, related content not grouped together)
Wording (navigation links not clear)
An inspection of the website carried out by the team members identified three main problems with the current online presence.
Des
ign
Proc
ess
Goals of redesign
More effective navigation
Create a strong brand and visual identity
Improve Usability
Make the website easier to maintain
Des
ign
Proc
ess
Target audience
Customers General public
Two main target users have been identified:
A closer inspection of the website shows that one of the main users of the site is for David Richards customers. This area at the moment is not clear and well defined and contains no instructions on how to join or login.
The other identified user group is for the general public who require printing services and for businesses to identify whether David Richards can provide them with their business requirements regarding design, print and storage solutions.
Des
ign
Proc
ess
Competitive analysis
Client listing
Strong emphasis on visual imaginery
Showcasing portfolio of work
Clear services offering
Social networking presence as a marketing tool
Strong brand identity
Online store
Clear contact details
Our competitive analysis highlighted where David Richards online presence falls short from his competitors. Below are a few features found on competitors websites which could benefit and strenghten David Richards brand:
Des
ign
Proc
ess
Card sorting
The online card sorting application we used helped to evaluate the information architecture of the site. We organised topics from the website into categories that made sense to us. After this exercise we were able to build the new structure of the site.
Des
ign
Proc
ess
Site map
Des
ign
Proc
ess
Wireframes - Homepage
Des
ign
Proc
ess
Wireframes – About us
Des
ign
Proc
ess
Wireframes - Services
Des
ign
Proc
ess
Wireframes – Case Studies
Des
ign
Proc
ess
Wireframes - Contact
Reso
urce
s &
Too
ls
Balsamiq Mockups – Wireframing tool (http://www.balsamiq.com/)
Tumblr – Blog for documenting design process (http://www.tumblr.com/)
WebSort – Online card sorting (http://websort.net)
Online Tools
Resources Urban Design and Print - (http://urbanprinting.co.uk/)
The Design and Print company (http://www.thedesignandprintcompany.com/)
Cont
act
Mari Barredo – [email protected]
James Maclean- [email protected]
Valentine Proieti - [email protected]
Mindlelle - [email protected]
Team members
Visit the Tumblr blog we have created to document the design process followed for this project.
http://javamima.tumblr.com/
