The original Codess site

The original Codess site

As global events are an essential part of the Codess initiative, we wanted to look at how event locations could be displayed on the homepage - and making this work well across all devices - as well as explore how key information could be clearly presented.

Our approach was to design the website to act as a hub that pulls together the key events and social updates, so that users can see at once what the latest news is. Relevant information is quick and easy to access, giving the user a rich experience from the moment they land. Familiar elements of both the Microsoft and Skype brands are fused together, such as a subtle cloud shape on the content overlays alongside Microsoft-style tiles.

Using a different approach to the traditional world map, we chose to feature the global upcoming events as location tiles on the homepage, something that would work well on all devices rather than one big map which would look very small on a mobile, for example.

Built on Umbraco 7, the design is flexible - up to eight upcoming event tiles can be featured, with a past events tile that re-sizes to fit the grid accordingly when there is only one or two upcoming events.

Expanding past event tile

Expanding past event tile

Key locations have landing pages within the events section, with upcoming and past events featured to give an overall flavour of Codess events. Continuing the theme of quick access information tiles, individual event pages have an accordion speaker panel so that users can see the list of speakers at a glance, and can click on any speaker to reveal more information about them. Once an event has taken place, the rsvp form is replaced with photos and video galleries. 

 

Past event

Past event

Other highlights include the Get Connected page enabling users to instantly see the most recent posts across all social media channels. 

Click here to visit the site: codess.net