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, May 2024

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

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,…

Exciting New Tools for Designers, May 2024

This year, we’ve seen a wave of groundbreaking apps and tools. AI is reshaping the industry, enhancing productivity,…

Using AI to Predict Design Trends

Design trends evolve at a blistering pace, especially in web design. On multi-month projects, you might work on a…

15 Best New Fonts, April 2024

Just like web design, type design follows trends. And while there’s always room for an exciting outsider, we tend to…

3 Essential Design Trends, May 2024

Integrated navigation elements, interactive typography, and digital overprints are three website design trends making…

How to Write World-Beating Web Content

Writing for the web is different from all other formats. We typically do not read to any real depth on the web; we…

20 Best New Websites, April 2024

Welcome to our sites of the month for April. With some websites, the details make all the difference, while in others,…

Exciting New Tools for Designers, April 2024

Welcome to our April tools collection. There are no practical jokes here, just practical gadgets, services, and apps to…

How Web Designers Can Stay Relevant in the Age of AI

The digital landscape is evolving rapidly. With the advent of AI, every sector is witnessing a revolution, including…

14 Top UX Tools for Designers in 2024

User Experience (UX) is one of the most important fields of design, so it should come as no surprise that there are a…

What Negative Effects Does a Bad Website Design Have On My Business?

Consumer expectations for a responsive, immersive, and visually appealing website experience have never been higher. In…