University of Notre Dame redefines #highered websites with its redesigned mobile first responsive homepage

April 2nd, 2012 Karine Joly 13 Comments

While others were having some good April’s Fool fun with their homepage, the University of Notre Dame quietly launched a revolutionary homepage yesterday afternoon.

This could well be the Holy Grail of higher ed website design: a web design based on the mobile first approach that serves content on any devices using a combo of responsive web design techniques and server side detection to reduce the load for mobile (as the concept was explained by Dave Olsen a few weeks ago).

Here’s a quick look at the before and after screenshots on different widths:

BEFORE
ND - BEFORE

AFTER
ND - AFTER

And, here’s a screenshot of the desktop version:

New ND.edu

Make sure you go play a bit with the page – it is VERY playfull and so easy to use (I can’t wait for Nick DeNardis to review it on EDUCheckup)

That’s truly beautiful work in my book. Congratulations to Erik Runyon and the rest of the team!
What do YOU think? Anybody else in higher ed who has followed the mobile first approach yet?

Responsive Web Design Course4-week online course: Mobile & Responsive Web Design for Higher Ed
(asynchronous with weekly lessons and assignments)