A Fresh Perspective on 

@JoshPalmeri, Front End Developer

RESPONSIVE WEB DESIGN

            //a look back & a look ahead
        

Stony Brook University, NY

http://www.turbosquid.com/3d-model/box/

http://organize4results.com/2012/10/focus-on-results/

TO SERVE OTHERS

A Fresh Perspective on 

@JoshPalmeri, Front End Developer

RESPONSIVE WEB DESIGN

            //innovations in the world of the web
        

Stony Brook University, NY

@JoshPalmeri, Front End Developer

Stony Brook University, NY

  • New Second Level Pages
    • Admissions, UG Admissions, Jobs, EcoDev, Students, Summer Session, Faculty & Staff
  • Responsive Enhancement to existing OU sites
  • Bring us out of 2008
  • Support UG Admissions initiatives, + recruitment
  • Increase usability
  • Implement design consistency
  • Empower OU Campus users

http://2012books.lardbucket.org/books/public-speaking-practice-and-ethics/s08-audience-analysis.html

Text

Responsive

I Am

http://2012books.lardbucket.org/books/public-speaking-practice-and-ethics/s08-audience-analysis.html

RWD

http://alistapart.com/article/responsive-web-design

http://alistapart.com/article/responsive-web-design

http://alistapart.com/article/responsive-web-design

FLUID GRID

FLEXIBLE IMAGES

MEDIA QUERIES

https://www.flickr.com/photos/lukew/10430507184/in/set-72157636814608894

MOBILE FIRST?

http://www.templehorses.com/2013/09/19/how-to-survive-a-diner-menu/

http://gifrific.com/mark-wahlberg-shock-and-confused-look/

INNOVATION IN

COPYWRITING FOR THE WEB

To serve our users better

Presenting them with the content they need

When they need it

WheRE they need it.

To serve our users better

Presenting them with the content they need

When they need it

WheRE they need it.

To serve our users better

Presenting them with the content they need

When they need it

WheRE they need it.

To serve our users better

Presenting them with the content they need

When they need it

WheRE they need it.

http://gifrific.com/mark-wahlberg-shock-and-confused-look/

multiple dimensions

cannot be effectively communicated

on a single plane

http://www.templehorses.com/2013/09/19/how-to-survive-a-diner-menu/

KEEP IT SIMPLE!

One question at a time...

http://www.templehorses.com/2013/09/19/how-to-survive-a-diner-menu/

To serve our users better

Presenting them with the content they need

When they need it

WheRE they need it.

http://www.forbes.com/sites/louiscolumbus/2013/09/12/idc-87-of-connected-devices-by-2017-will-be-tablets-and-smartphones/

IDC: 87% Of Connected Devices Sales By 2017 Will Be Tablets And Smartphones

RRWD

Responsible Responsive Web Design

content is key

Responsive == Responsible

REAL WORLD EXAMPLE

Stony Brook's 40 Under Forty

http://mobile.cc.stonybrook.edu/sb/40underforty

@JoshPalmeri, Front End Developer

THANK YOU

            //now go make something great!
        

Stony Brook University, NY

Made with Slides.com