10 creative event websites

Default avatar.
September 30, 2016
10 creative event websites.

I love designing event websites. They’re ephemeral and almost always simple (no complex user interfaces here). This combination affords us a unique opportunity to test new boundaries of web design, to try a creative navigation pattern, test an unfamiliar layout, play with a interesting animation library or, dare I say, hark back to the days of Flash and ActionScript 3.

Here, I've assembled a list of 10 event websites that are creative, inspirational and just downright beautiful. Check them out below.

Epicurrence

This website for a 4-day, invite only designer/developer meetup in Moab, Utah (where do I get an invite?) is downright stunning. The graphics are beautiful; the layout is exciting. And special props for making the registration form look good, too–why do we so often create awesome websites but boring forms?

epicurrence

Sonny’s Smokin’ Showdown

This BBQ competition might be low tech event, but their website is pretty high tech. Scroll down to explore the event venue three-dimensionally. There’s overlayed text, but you hardly need it. The complex visuals tell you all about the event without reading a word. Great work Sonny’s Smokin’ Showdown.

sonny-s-smokin-showdown-florida-bbq-competition-sonny-s-bbq

Global Wave Conference

Restraint is often the sign any great creative professional, a philosophy that was embraced warmly by the Global Wave Conference website. Check out the subtly (but cleverly) animated logo (a GIF) and hamburger menu (an SVG), which give the site a high-end feel without distracting from the serene photography and typography.

I also liked the clear, concise event description, a must for any newer event.

2015-global-wave-conference

Festibiere

Two words: sticky header. This may not be the most cutting-edge site on the list, but the navigation is terrific. And particularly with event websites, a sticky header (with a clear, contrasting call to action button to “register now”) can be a great way to increase your conversion rate and ticket sales. Whatever you do, don’t make this button hard to find.

Note this event occurs twice annually — once in the summer and once in the winter. Navigate to summer (top left) and you’ll see that the designers have done a great job creating different sites for each event. The sites they have very similar interfaces, but are nicely distinguished and appropriately seasonal.

festibiere-d-hiver-january-29-30-2016-5pm-2am-canadian-museum-of-history

Loop

Large type Futura can be tricky to pull off without reminding us of a Volkswagen ad, but the website for Loop pulled it off. Loop is a three-day conference focused on music and technology. The site is inconspicuously simple but downright beautiful.

I loved the body copy gradient too, which is a mask of the homepage background gradients. (For those interested, text gradients can be achieved with CSS using the background webkit clip property.)

home-loop-2016

Structure

Thanks to some very creative designers (and the JQuery UI draggable library), this Norwegian event website is a digital representation of the event’s more analogue concept: shapes juxtaposed in space. My only suggestion: give me something to do after browsing the website. Ask me to register, capture my email, send me directions, and don’t leave me wanting more.

structure-norwegian-contemporary-crafts-and-design

Valio Con 2016

When you’re assembling photos for an event, the speakers will inevitably send you 34 different portrait styles: you’ll get a closeup, one in black and white, and one with the speaker holding their favorite cat. This makes consistency difficult. Fortunately, the designers for ValioCon — an annual conference for designers and makers in San Diego — have answered this challenge with creative photo filters that homogenize the portraits, and make the overall design feel more far consistent (and awesome).

valio-con-2016

Bloomberg BusinessWeek Design 2016

When I first saw this site, I couldn't help but thank god for not being color blind. I mean, how the hell are we supposed to know where to click if every link is the same color? This creative site for the Bloomberg BusinessWeek design conference--which features bold typography and a strong, engaging layout--seems to vehemently ignore every user interface guideline in the book, yet it remains easy to use. Kinda.

bloomberg-businessweek-design-2016

Elevate Summit

The Elevate Summit, formerly UserConf, is a conference for customer support and community managers and will be held in October this year. Their event website stands out for being exceptionally clean and beautiful. I liked the “5 reasons to attend” listing (which was pretty convincing) and the embedded registration form. I loved the chat button; I don’t see that often on event websites, but I think it’s a great way to engage attendees.

elevate-summit-a-conference-about-customers

Hashtags Unplugged

This website for a gallery event in New York has a clean design and great typography. But my favorite thing about this site was the navigation. Select “the artists” under a given hashtag and the entire page animates to an artist listing. The transition is subtle and modern, and it doesn’t make you feel like you’ve lost your place in the stack (which is all too important when we introduce new navigation patterns to your users).

hashtags-unplugged
structure-norwegian-contemporary-crafts-and-design

Mark Bushy

Mark Bushy is a web designer and the Co-Founder of EventCreate, a platform for creating beautiful event websites.

Read Next

15 Best New Fonts, July 2024

Welcome to our monthly roundup of the best fonts we’ve found online in the last four weeks. This month, there are fewer…

20 Best New Websites, July 2024

Welcome to July’s round up of websites to inspire you. This month’s collection ranges from the most stripped-back…

Top 7 WordPress Plugins for 2024: Enhance Your Site's Performance

WordPress is a hands-down favorite of website designers and developers. Renowned for its flexibility and ease of use,…

Exciting New Tools for Designers, July 2024

Welcome to this July’s collection of tools, gathered from around the web over the past month. We hope you’ll find…

3 Essential Design Trends, July 2024

Add some summer sizzle to your design projects with trendy website elements. Learn what's trending and how to use these…

15 Best New Fonts, June 2024

Welcome to our roundup of the best new fonts we’ve found online in the last month. This month, there are notably fewer…

20 Best New Websites, June 2024

Arranging content in an easily accessible way is the backbone of any user-friendly website. A good website will present…

Exciting New Tools for Designers, June 2024

In this month’s roundup of the best tools for web designers and developers, we’ll explore a range of new and noteworthy…

3 Essential Design Trends, June 2024

Summer is off to a fun start with some highly dramatic website design trends showing up in projects. Let's dive in!

15 Best New Fonts, May 2024

In this month’s edition, there are lots of historically-inspired typefaces, more of the growing trend for French…

How to Reduce The Carbon Footprint of Your Website

On average, a web page produces 4.61 grams of CO2 for every page view; for whole sites, that amounts to hundreds of KG…

20 Best New Websites, May 2024

Welcome to May’s compilation of the best sites on the web. This month we’re focused on color for younger humans,…