028_ichi - Site Refresh

transcript

Russell Web Design owns the copyright to this document and all of its contents.

This document should be considered private and confidential and may not be shared with any third party without the written permission of Russell Webb Design

Update the look n’ feel to 2012 standards

Divider Slide TitleContentsIntro - Research / ScopingWireframingLook n feelConceptsDelivery

IntroWhat is Responsive Design and how can it help me?

Content Slide TitleIcanhaveit.comExisting Site

Content Slide TitleResponsive Design

What's’ your strategy?“As mobile devices are increasingly become the way to access online content, responsive design has emerged as a popular design strategy”

Greater User Experience

Desktop MobileTablet

ConsReq additional front-end dev time. Usually 20-30% longer

Faster than creating addition non-desktop (mobile) site

Develop, Maintain and Manage = ONE SITE

Responsive sites only need to recognise the browser width

Future proof

Responsive Design

Desktop userI’m on my lunch break and I want to bid quickly

Tablet userI’m sitting, relaxing on the sofa browsing the internet

Mobile userI’m on the bus and have time to look around

ConclusionI want to quickly and easily discover prizes and bid for them

Now these groups are likely to be doing

all three

WireframingThree screen widths //Desktop //Tablet //Phone

Content Slide TitleSimple site refreshIs this really what we want?

Content Slide TitleSite redesignDevelop a strategy that works?

Look n feelDeliver a stylistic solution from a technically-led process

Content Slide TitleConcept 1From existing logo develop the colour palette and typeface

Content Slide TitleConcept 1Brand leverage with Web 2.0 overtones

FooterSEO optimised with complete site map

2nd Tier promotionFixed promo with prizes covering the categories

Feature ZoneCarousel feature shop front

TypefaceElegant Georgia primary typeface

Main NavSimple signposting using updatable Georgia typeface

Content Slide TitleConcept 1Overall simplification, focus on readability and contrast

TypeRemember the fat finger test

Content Slide TitleConcept 2With familiar font and classic styling, this polished approach hits the right demographic

Content Slide TitleConcept 2Following the wireframes then developed using a neutral palette punctuated with zangy blue

StyleGlobally recognised Helvetica primary typeface. Default grey tones punctuated with highlight blue

Special features‘Countdown’ and ‘NEW’ zone (Star Lunch)

Login / Share‘Best practice top-right login. Global and specific share functionality

Content Slide TitleConcept 2Overall simplification, focus on readability and contrast

TypeRemember the fat finger test

DeliveryFinal home page, from evolution to revolution

Content Slide TitleFinal DesignOverall simplification, focus on readability and contrast

Brand leverageTaking elements from the brand mark, this design evolved from fresh wireframes through to workable a solution for a demanding client

+44 (0) 7971 70 80 27 russell@russellwebbdesign.co.uk www.russellwebbdesign.co.uk @russellwebb

Contact

028_ichi - Site Refresh

Documents