Register Now

Real-world Responsive Web Design: A Case Study of the mLearnCon Website

908 Real-world Responsive Web Design: A Case Study of the mLearnCon Website

9:45 AM - 10:45 AM Thursday, June 26


Marina 5

The increase in mobile usage has led to an expectation in consumers to have a seamless experience across all devices. This creates challenges for designers, who now need to design content that works not only on desktops, smartphones, and tablets, but on devices with varying screen sizes within each category. Responsive design is a great solution to the fragmentation of devices across smartphones, tablet, desktop, and more.

In this session you will explore a case study of The eLearning Guild’s efforts to adapt the mLearnCon website template into a mobile-friendly, responsive site viewable across all devices. You will learn the challenges we encountered along the way and how we overcame them. You will discover best practices and methodologies to wireframe, design, and code your own responsive site. You will explore the initial design considerations and key implementation choices and issues, and see some examples of the code changes.

In this session, you will learn:

  • The core elements of a responsive design
  • How to define a site’s specifications for each breakpoint
  • How to optimize design and graphics for user interactivity and experience
  • How to utilize media queries, viewport settings, grid system, and flexible images for multiple break points

Novice to intermediate designers and developers.

Technology discussed in this session:
PC, tablets, smartphones, HTML5, CSS3, and JavaScript.

Crystal Rose

Director, Web & Data Strategy

The eLearning Guild

Crystal Rose is the director of web and data strategy for The eLearning Guild. She is responsible for the front-end design and maintenance for all Guild sites, including and, and for the development of five websites annually for the company’s face-to-face tradeshows. Prior to joining The eLearning Guild, Crystal worked as the lead UI developer for two Silicon Valley start-ups focused on improving their respective industries. Crystal holds a BA from the University of California, Santa Barbara.

Tiffany Le Brun

Email/Web Developer

The eLearning Guild

Tiffany Le Brun is the email/web developer for The eLearning Guild. She designs and develops all of the external emails for the Guild, and assists in the design and development of the Guild websites. Tiffany has seven years of experience in web and graphic design, which includes designing user interfaces for eCommerce sites, developing responsive sites for small businesses, and creating marketing collateral for various industries. Tiffany holds a BFA in multimedia design from the University of Oregon.

<  Back to session list Top ^


Premium Sponsors


New Directions. New Possibilities.