• Staffs, UK
  • 04-11-2024
  • HH:MM:SS

UEFA Dash

DevelopmentNext.jsGSAPDashboardSanity

The team at UEFA were looking at new and innovative ways of innovating their presentation decks. Pitch decks were taking too long to put together, were inconsistent in their design and were lacking a professionalism when walking through them during meetings with their clients; Coca-Cola, Volkswagen, Adidas and so on.

We built them a bespoke system to let them put together their decks quickly and easily using templated layouts they could simply fill out using an intuitive Content Management System (CMS), and we would handle the rest.

Admin users could authenticate to access all decks for each client, and client users could authenticate to access decks specific to their role.

Built in collaboration with designer Andy Cooke

Keep it secret, keep it safe

It was important to the client that these slides be kept secure (and worth noting that the examples used in the screenshots that follow are purely for demonstration purposes and don't reflect any content in use).

With that in mind, we built a two-factor authentication system using a magic link sent to the users' inbox. These accounts could easily be turned on or off in the admin area.

Depending on the users' access levels, would only be given access to specific decks, and couldn't see any other content related to other users. Even guessing the URL would present the user with an 'access restricted' error, whether the content existed or not.

As easy as a native experience

We wanted to ensure that when presenting to a client, or just browsing around the deck, it should feel as close to a native experience as possible. To that end, we included easy to use navigation, as well as keyboard events to allow navigating through slides with the left and right arrows, returning to the start or traversing to the end with the home and end keys, and exiting the presentation with the escape key.

An intuitive editing experience

Creating and editing decks should be as simple as selecting a template and filling in the content. So that's what we did. No pixel pushing, just fill the content in and it watch it appear. We even handled some of the extra editing work such as blurring images, outlining text and rendering SVG's.

All of this was easily handled by Sanity, our CMS of choice.

Editing on the go

Our CMS of choice, Sanity, allows for editing content whether you're sat at your desk, catching up on the latest BBC drama with your tablet or hastily correcting a typo on the train from your phone. The editing experience remains the same.

Present decks on desktop, tablet or mobile

Whilst presentations would always be done in a desktop environment, one of the pain points UEFA had was when they wanted to share the presentation with the client to view after the fact, they had to send a PDF which lacked both the impact and the intuition of the original presentation. We ensured that all slides were fully responsive across desktop, tablet and mobile so they could easily view the deck on the go.

We killed the PDF, but fair is fair

Our entire goal here was to rid the need for PDF's, but UEFA still wanted to have this option as a fallback, for use in printing and saving a version offline. Always ready for a curve-ball, we provided them with the means to print the slides off should they need it.

More projects

Modular
Everything

Purveyors of quality website design and development in Staffordshire (and beyond).

Modular Everything Ltd.
(Registered in England No. 12384667)

© 2024 Modular Everything Ltd.
All Rights Reserved.