With so many devices and screen sizes available to access the web, how can you ensure that your customers get the best possible user experience regardless of how they view your site? At Digital Bites, Crafted’s Head of Design, Barnie Mills, takes a closer look at Responsive Design, a key trend of 2013.

1. Crafted
PRESENTATION
Responsive design: one size fits all?
presented by Barnie Mills, Head of Design at Crafted
Ipswich-based integrated digital marketing agency
EASILY
DIGESTIBLE
DIGITAL
INSIGHT

2. Crafted
PRESENTATION
The way we access the
web has changed…

3. 20% of adults
own a tablet
Mobile Operators
Association (MOA)
and YouGov
Crafted
PRESENTATION
Over half of
Britain owns
a smartphone
(Ofcom)
Xbox One…
what will the
future hold?

4. Crafted
PRESENTATION
That causes designers
some problems…

5. Crafted
PRESENTATION
We no longer know
the size of the page

6. Crafted
PRESENTATION
We don’t
know how
effectively
it will be
delivered…

7. Crafted
PRESENTATION
We don’t know
how the user will
interact with it

8. Crafted
PRESENTATION
Which in turn can cause
the user some problems…

9. Difficulty
interacting
Crafted
PRESENTATION

10. Difficulty
exploring
Crafted
PRESENTATION

11. Painful
page load
time
Crafted
PRESENTATION

12. Crafted
PRESENTATION
So, is there an answer?

13. You could have
a mobile site…
Crafted
PRESENTATION

14. But what about tablets?
www.econsultancy.com/
Conversion rate by device
Crafted
PRESENTATION

15. You could
have an app…
Crafted
PRESENTATION

16. But which platform?
It’s starting to sound expensive!
And who is going to manage them all?
Crafted
PRESENTATION

17. You could just hope
that your desktop site
does the job…
Crafted
PRESENTATION

18. Hopefully users won’t
be too frustrated
(There could be consequences)
You
targeting
me?!
Crafted
PRESENTATION

19. Or you could have
a responsive site!
(it only took me 20 slides to get to the point!)
Crafted
PRESENTATION

20. So, what’s that then?
Crafted
PRESENTATION

27. Breakpoint 1

28. Breakpoint 1

29. Breakpoint 1

30. Breakpoint 2

31. Breakpoint 2

32. Breakpoint 2

33. Breakpoint 2

34. Breakpoint 3

35. Breakpoint 3

36. Breakpoint 3

37. Breakpoint 3

38. Breakpoint 4

39. Breakpoint 4

40. Breakpoint 4

41. Breakpoint 4

42. Breakpoint 4

43. Breakpoint 4

44. Crafted
PRESENTATION
Some real life examples…

45. Crafted
PRESENTATION

46. O’Neill
iOS
• Conversions increased by 65%
• Transactions up 112.5%
• Revenue increased by 101.25%
Android
• Conversions increased by 407.32%
• Transactions up 333.3%
• Revenue increased by 591.42%
Crafted
PRESENTATION
www.econsultancy.com/uk/blog/62260-five-brands-that-
reaped-rewards-after-adopting-responsive-design

47. Crafted
PRESENTATION

48. Time Magazine
• Mobile and tablet traffic up by 10%
• Mobile pages per visit (PPV) up by 23%
• Mobile bounce rate decreased by 26%
Crafted
PRESENTATION
www.econsultancy.com/uk/blog/62260-five-brands-that-
reaped-rewards-after-adopting-responsive-design

49. Crafted
PRESENTATION

50. Crafted
PRESENTATION

51. Crafted
PRESENTATION
How is this relevant to me?

52. Crafted
PRESENTATION
Make your customer’s life easier
Difficulty
interacting
Difficulty
exploring
Painful
page load

53. Crafted
PRESENTATION
Make your life easier
A single site
to manage
and maintain
Analytics
in one place,
a single report
to analyse
Google
recommends
responsive design

54. Crafted
PRESENTATION
Futureproof
(I tried so hard to avoid buzzwords!)
?

55. Crafted
PRESENTATION
Thank you
Any questions?
Ipswich Studio
32 Fore Street,
Ipswich, IP4 1JU
T: +44 (0) 1473 322841
E: hello@crafted.co.uk
London Office
Clerkenwell Workshops,
27/31 Clerkenwell Close,
London, EC1R 0AT
T: +44 (0) 20 3393 3852
www.crafted.co.uk

56. Crafted
PRESENTATION
Credits
Iconography from The Noun Project
iPad (Andreas Bjurenborg), iPhone, Computer