028_ichi - site refresh
DESCRIPTION
028_ichi - Site Refresh. Update the look n’ feel to 2012 standards. Divider Slide Title. Contents Intro - Research / Scoping Wireframing Look n feel Concepts Delivery. Intro What is Responsive Design and how can it help me?. Content Slide Title. Icanhaveit.com Existing Site. - PowerPoint PPT PresentationTRANSCRIPT
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
028_ichi - Site Refresh
Update the look n’ feel to 2012 standards
© 2012 Russell Webb Design | www.russellwebbdesign.co.uk | [email protected]
Divider Slide TitleContentsIntro - Research / ScopingWireframingLook n feelConceptsDelivery
IntroWhat is Responsive Design and how can it help me?
© 2012 Russell Webb Design | www.russellwebbdesign.co.uk | [email protected]
Content Slide TitleIcanhaveit.comExisting Site
© 2012 Russell Webb Design | www.russellwebbdesign.co.uk | [email protected]
TV(?)
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
© 2012 Russell Webb Design | www.russellwebbdesign.co.uk | [email protected]
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
© 2012 Russell Webb Design | www.russellwebbdesign.co.uk | [email protected]
Content Slide TitleSimple site refreshIs this really what we want?
© 2012 Russell Webb Design | www.russellwebbdesign.co.uk | [email protected]
Content Slide TitleSite redesignDevelop a strategy that works?
Look n feelDeliver a stylistic solution from a technically-led process
© 2012 Russell Webb Design | www.russellwebbdesign.co.uk | [email protected]
Content Slide TitleConcept 1From existing logo develop the colour palette and typeface
© 2012 Russell Webb Design | www.russellwebbdesign.co.uk | [email protected]
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
© 2012 Russell Webb Design | www.russellwebbdesign.co.uk | [email protected]
Content Slide TitleConcept 1Overall simplification, focus on readability and contrast
TypeRemember the fat finger test
© 2012 Russell Webb Design | www.russellwebbdesign.co.uk | [email protected]
Content Slide TitleConcept 2With familiar font and classic styling, this polished approach hits the right demographic
© 2012 Russell Webb Design | www.russellwebbdesign.co.uk | [email protected]
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
© 2012 Russell Webb Design | www.russellwebbdesign.co.uk | [email protected]
Content Slide TitleConcept 2Overall simplification, focus on readability and contrast
TypeRemember the fat finger test
DeliveryFinal home page, from evolution to revolution
© 2012 Russell Webb Design | www.russellwebbdesign.co.uk | [email protected]
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
