Responsive web design

22
Responsive Design (RWD) What is it?

description

 

Transcript of Responsive web design

Page 1: Responsive web design

Responsive Design (RWD)What is it?

Page 2: Responsive web design

What is Responsive Design?

The same website, with a unique experience for each platform.

Page 3: Responsive web design
Page 4: Responsive web design
Page 5: Responsive web design
Page 6: Responsive web design
Page 7: Responsive web design
Page 8: Responsive web design

Why are we doing this?

Page 9: Responsive web design

Why are we doing this?

Page 10: Responsive web design

How do we respond?

Page 11: Responsive web design

•Simple, modular design•Design elements that “flex”• Leverage existing design

conventions•Measured in relative units

How do we respond?

Page 12: Responsive web design

•Make clients aware•Have a mobile strategy•Web budgets should

accommodate mobile goals

How do we respond?

Page 13: Responsive web design

How do we implement it?

Page 14: Responsive web design

•Design accordingly•Responsive Wordpress

themes•Responsive platforms•Roll our own

How do we implement it?

Page 15: Responsive web design

Flagship Project: Bridgehaven

Page 16: Responsive web design

One Channel

Page 17: Responsive web design
Page 18: Responsive web design
Page 19: Responsive web design
Page 20: Responsive web design
Page 21: Responsive web design

One ChannelResponsive Design

Page 22: Responsive web design

Questions?