David Richards website redesign MA in UXD, Kingston University Experience Design 1, Fleeta Chew

Design Process David Richards is a well established Print Management company based in England since 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.

Design Process 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.

Design Process Goals of redesign  More effective navigation  Create a strong brand and visual identity  Improve Usability  Make the website easier to maintain

Design Process Target audience CustomersGeneral 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.

Design Process 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:

Design Process 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.

Design Process Site map

Design Process Wireframes - Homepage

Design Process Wireframes – About us

Design Process Wireframes - Services

Design Process Wireframes – Case Studies

Design Process Wireframes - Contact

Resources & Tools  Balsamiq Mockups – Wireframing tool (  Tumblr – Blog for documenting design process (  WebSort – Online card sorting ( Online Tools Resources  Urban Design and Print - (  The Design and Print company (

Contact  Mari Barredo –  James Maclean-  Valentine Proieti -  Mindlelle - Team members Visit the Tumblr blog we have created to document the design process followed for this project.