Right on the heels of the Responsive Web Design book release, we were recently tasked with developing an interactive slide show for St. Louis University High School (SLUH). With a growing audience of key constituents using iPhones and iPads, we knew this slideshow had to deliver on tablets and smartphones while still maintaining an attractive presence on wide-screen desktops and televisions. To achieve such ambitious goals, we knew our slideshow for SLUH had to:
- Adapt and scale to several different screen sizes and devices
- Offer an attractive, usable interface that is intuitive to use on large and small screens
Due in part to the large number of Apple device users in the audience, designing the slideshow in Flash was not an option. By embracing much of what we learned in Responsive Web Design, we were able to create a design that adapts to the challenges of tablets and smartphones while still maintaining an attractive layout to more traditional desktop web browsers. The design grows or shrinks depending on the screen resolution and device, creating the optimal viewing experience for all users. Whether you’re on-the-go, at home on the couch or at work on the desktop computer, the SLUH slideshow offers your device a pleasant viewing experience.
