ADOBE

Designing for Adobe Summit 2024.

For Adobe, I was tasked with redesigning the marketing pages for their online/in-person keynote event.

Skills Used

Layout Design

UX/UI Design

THE PROBLEM

In comparison, Summit 2023 wasn't on par with Adobe MAX.

Visually, page layouts for Adobe Summit 2023 felt outdated and not as engaging as Adobe’s creative conference Max. Adobe Summit consists of a lot of information that can feel overwhelming to users. There are hundreds of sessions and with this being an online and in-person event, things can get a little hectic.

RESEARCH

Summit 2023 Layout

Looking at last year's Adobe Summit 2023 layout in order to find places where improvements can be made.

The bento grid style doesn't work well here

Bento grids are great for organizing content into sections, but it feels like it does more harm than good here. There is too much visual information being squeezed into small sections and starts to make the page feel overwhelmed.

Visual Hierarchy feels off

This website feels very center-heavy. Its difficult to tell what information is actually important and a lot of the important information is sectioned off in the center of the page. The page fold stops just below the headshots of the speakers and makes them feel like floating heads without much context.

There's just too much information up front

With so much trying to fit on one page, it just feels a bit overwhelming. There are a lot of photos and long lines of text and none of it brings out Adobe's creative and engaging nature.

SITE MAP

Understanding the site flow

Adobe can expect around 12,000 people to attend the in person event and 20,000+ online viewers. Creating a site map allows me to have a better understanding of site flow and where pages have been added in comparison to last years event. It helps to understand how user's may move throughout the website and get a better understanding of how users might move through the site.

Layout Improvements

Summit 2024 Improvements

The biggest improvement overall is to make sure that information is well organized and given lots of space. The goal was to make everything more legible and less overwhelming.

Taking up space

To improve from last years design, I focused on making sure images took up space on the page to create a more engaging and open feeling.

Giving speakers priority

Forcing so many headshots and information within the bento grid on last years homepage made the entire page feel stuffy. To solve for that, there's a carousel with a static image of the feature speaker and a toggle to allow a quick view of other speakers. There is also an entire speaker page where users can go through each headliner and learn more about them.

Pushing users to other pages

Further down the page, the user is being guided to check out upcoming sessions, preconference trainings, and learn about how to join the online conference. With a better balance of information, there is also tons of space to highlight sponsors and images of past adobe conferences to get users excited about what to expect at Adobe Summit 2024.

THE SOLUTION

Making information more accessible.

With so much important information, how do we allow users to see all the necessary information, but keep them from being overwhelmed?

During this project, I focused a lot on balancing information. I played with different UI elements that allowed me to hide and show information.