'For people who make websites', An Event Apart (opens in new tab) is an annual series of conferences founded by web luminaries Jeffrey Zeldman (opens in new tab) and Eric Meyer (opens in new tab). The fixed layout of their previous website made it difficult to promote the growing number of events, and prevented it from becoming a destination where videos and other educational content could be presented suitably.
By making the site responsive those problems have been solved - as well as bringing it into line with the kind of web design thinking being promoted at the events themselves.
Designed by Mike Pick at Monkey Do (opens in new tab) and developed by Tim Murtaugh (opens in new tab), the redesign also provided an opportunity to evolve An Event Apart’s brand identity - more clearly separating it from its parent, online web design magazine A List Apart (opens in new tab).
Typography and imagery
When it comes to typography, the bold sans serif Freight Sans Pro (opens in new tab) gives a less literary feel, offset by Pacifico (opens in new tab), a playful cursive font.
Location imagery is cropped abstractly and given monotone blue washes, and an orange accent colour is used for headings, links and buttons.
Responsive carousel
A key feature of the new design is a responsive carousel on the homepage that showcases upcoming events, expanding or contracting as the page is resized or as new events are added.
Use of RESS (opens in new tab) (Responsive Web Design and Server Side Components) means users of smaller devices can avoid downloading components they don’t need.
Homepage requests/size: 31/488kB mobile, 38/468kB desktop
This showcase was originally published in .net magazine (opens in new tab) issue 237.
Liked this? Read these!
- How to create an app: (opens in new tab) try these great tutorials
- Brilliant Wordpress tutorial (opens in new tab) selection
- Download the best free fonts (opens in new tab)
Have you seen a great example of a personal site? Let us know about it in the comments!
