A lot of people get sort of weird when they ponder web design. And I totally get it. Tell me to set up an ad to 3.75 x 9.78, CMYK, Indesign, packaged, pdf upload; I get it. But build a website to view on every device on the market… GULP.
But it’s not as scary as you may think. Websites are just a series of designed pages, ( just like ads) but they are hosted on a server and are connected via hyperlinks. Not so confusing. Responsive design is based on breakpoints in your browser. Meaning, as you scale down the width of your webpage in a browser, watch the content re-flow down the page.
The images above were created by Kimmie, a super talented student who recently graduated and is working as a professional graphic designer. Her website features audio, video, and links to sound cloud. When she registered for my web design class she had never designed for web. (like most of my students). But she did such great work she started free-lancing straight away. Below is a mock up created by Clay (another really talented recent grad) who is now studying at Ringling School of Art. His mock up demonstrates how websites should change across devices. He had recently visiting United Airlines website and struggled to complete basic tasks, so he created a website that was “more user friendly”.
The website sample below was created by Kevin who is now studying down at FIU in Miami. His websites were constructed with mobile first in mind. All of these websites demonstrate rules of design and typography don’t have to (and shouldn’t) go out the window when designing for the web.
When in doubt building your website: keep it simple.
With mobile design it’s really important to remember: less is more.