Introducing DEMA Show’s first design system to help users dive into the B2B trade show website content

My Role

UI Designer

Agency

CSG Creative

Year

2022

Browse the case study

Background

The Global Commercial Space Conference & Exposition, also known as SpaceCom, is the leading annual event supporting professionals in the commercialization and business of space. The event connects private and public sectors enabling new, lucrative opportunities in space-earth ventures, advancing the business of space, and protecting the planet.

SpaceCom is managed by National Trade Productions, Inc. (NTP) Events in partnership with NASA and the Canaveral Council of Technical Societies (CCTS).

The SpaceCom website is the primary source of info for the latest event developments. Here, users read about the event’s educational and commercial opportunities. They may also register to attend as an attendee, exhibitor, or sponsor to make full use of SpaceCom’s networking and promotional advantages.

Therefore, the SpaceCom website is the best place to foster these relationships and create partnerships to further earth-space advancement.

Challenge

Although the stakeholders themselves were really pleased with last year’s design, stakeholder interviews suggested users had a difficult time navigating the website’s vast array of content. Their registration numbers were lower than they expected.

My own initial evaluation of the current homepage, a landing page that promotes registration, supported that conclusion. The homepage looked visually confusing and overwhelming with content. It lacked clear direction to the registration primary CTAs.

The challenge this year was that stakeholders preferred minimal updates to last year’s design, but the homepage really needed larger changes to make it user-friendly.

I must optimize the SpaceCom homepage design to help prospective attendees, exhibitors, and sponsors find and use SpaceCom’s networking and promotional opportunities on the website.

Team

Me, UI Designer for CSG

Annalisa Cardarelli, Senior Account Executive at CSG, for SpaceCom

Lisa Staszewski, Marketing Director at NTP, for SpaceCom

Tools

Figma • Maze

Solutions

I began with usability testing on an early version of the new, 2023 homepage design that fulfilled what the stakeholders requested: minimal changes to the 2022 design.

I needed to verify my initial hypotheses about the barriers users encountered while considering registering for the event. Plus, initial usability testing creates a benchmark for further edits.

I used the user feedback from initial usability testing to optimize the homepage design. Users needed an easier time finding where they can request more info on sponsorship opportunities and stay up-to-date on the event’s latest news. Optimizations included:

  • Prioritizing CTAs
  • Creating more skimmable layouts
  • Decluttering decorative elements
  • Standardizing visual treatments for attention-getters like headlines and CTAs

After these changes, the final hi-fi wireframe for the homepage performed much better. Success rates increased, and task times to find registration CTAs fell greatly. Written feedback from users was also more favorable.

I successfully won over stakeholders with this new-and-improved homepage design.

Next, it goes to engineering for development and deployment on the live site!

Deliverables

Hi-fi wireframes for 2x landing pages: Home and Attend

Remote usability testing

Impact

Users are both finding and finishing the sponsorship registration and the mailing list sign-up much faster now.

Usability testing across two tasks on the final homepage design averaged a 97% reduction in misclick rates and a 75% increase in direct success rate over the initial benchmark.

Additionally, while users took 9.85 seconds longer to complete the Sponsor CTA task, they were much more successful in ultimately completing the task. Users completed the second task, the Mailing List CTA, much faster, going from 90 seconds to completing in 20.

- 0 %
Average Misclick Rate
+ 0 %
Average Direct Success Rate
0 %
Average Task Duration

View on Figma

Process

Evaluating the current homepage

Stakeholders liked 2022’s homepage design and requested minimal changes to this version to build 2023’s homepage. However, they also admitted registration rates were lower than expected.

Before the 2023 redesign, I evaluated the current homepage for the most severe usability issues that might have caused the decreases in registration.

I identified a lot of areas for improvement. Firstly, the multitude of fonts, odd visual divisions, and lack of white space makes the content difficult to skim-read. Secondly, many different CTAs compete for attention.

I observed:

  • EX#1. Several different headline fonts and alignments
  • EX#2. Sharp background changes within sections of the same content
  • EX#3. Text-heavy content with little white space
  • EX #4. Inconsistent visual treatments between clickable vs. static elements
  • EX #5. Several competing CTAs

I concluded that users would likely find this presentation of content very confusing. I hypothesized they might feel bombarded with too many decisions and lack of a clear direction. My 2023 homepage must address these issues.

Negotiating with the client (the events management agency)

I balanced addressing client wants with user needs.

There were moments when the client said they “needed” a black background, or decorative graphics, or more content, or hard sales copy, or a downplay on the primary CTA.

Yet, personal design preferences were less effective solutions to user issues. I instead redirected our conversations back to what the users might need and want.

Although user research wasn’t included in the schedule or budget, I was scrappy and conducted my own user testing to inform my designs and support my decisions.

This really helped the client empathize with the users and clarify what we needed from the homepage UI design.

Testing the draft UI

Usability testing was necessary because I believed the proposed plan of action would be inefficient at addressing the many findability issues preventing more registrations.

However, SpaceCom has not conducted user research before. Stakeholder interviews revealed a lot of useful insights and general patterns but less on how users felt and behaved.

So I established a baseline for the homepage UI performance.

Once stakeholders agreed on an initial homepage design—with only minimal changes to the problematic 2022 design, per their initial request—I ran usability tests on it.

Usability testing asked users to complete two tasks related to SpaceCom’s main business goals…

Increase sponsorship registrations.

Sponsorships help users partner with SpaceCom, gaining promotional advantages in exchange for financially supporting the event.

Click the sponsorship primary CTA.

Please indicate interest in partnering with SpaceCom in exchange for promo opportunities.

Increase sponsorship registrations.

Sponsorships help users partner with SpaceCom, gaining promotional advantages in exchange for financially supporting the event.

Click the sponsorship primary CTA.

Please indicate interest in partnering with SpaceCom in exchange for promo opportunities.

I hypothesized users would have a hard time finding the sponsorship and/or mailing list registration info. Usability testing results supported this:

Task #1: Sponsor CTA
28.75s
average task time · 0% direct success rate · 100% indirect success rate · 100% misclick rate

Task #2: Mailing List CTA
90.1s average task time · 0% direct success rate · 83% indirect success rate · 100% misclick rate

Quote
“I love the top image with the countdown of the event.”

Quote
“I had to think hard on where to go for those buttons. Not very intuitive since eyes are drawn all over the page.”

Quote
“The Contact sales button – IRL I would never click it as the seemed like way too much commitment”

Re-testing a revised UI

I shared the results of the initial testing with the client. While they didn’t want to reduce content, they were open to new placements and minor copywriting changes.

Therefore, I revised the homepage UI, where I:

  • Removed hard sales language from the Sponsor CTA 
  • Added the Sponsor CTA in multiple places, including above-the-fold
  • Minimized secondary CTAs to inline links and transparent backgrounds
  • Incorporated visual storytelling: the user scrolls from outer space, to rocket launch, to rocket construction, to the SpaceCom show floor “where it all began,” and finally read an invite to join the mailing list

I hypothesized users would have a better time finding the sponsorship and/or mailing list registration info. Usability testing showed great improvements:

Task #1: Sponsor CTA
38.6s
average task time · 100% direct success rate · 6% misclick rate

Task #2: Mailing List CTA
20.7s average task time · 50% direct success rate · 25% indirect success rate · 100% misclick rate

Quote
“The hero image & large text [was my favorite part of the page] because it was quick to understand what the event was about”

Quote
“Based on the instructions, I would have expected the heading ‘Sign up to be notified when reg opens’ to be more evergreen but maybe that’s easy to edit seasonally?”

Quote
“It seemed easy [to complete these tasks]. Required some scrolling”

Ultimately, while there’s still room for improvement, even minor UI changes greatly helped users find the registration info.

2023 Style Guide

Homepage

Landing Page

Conclusion

This UI design proved even minor changes to copy, styles, and layout can greatly improve usability. Users reported they had an easier time finding key information after the redesign.

More notably, this UI design was the client’s first foray into user testing and gathering feedback from real prospective attendees. Much of the user feedback challenged their assumptions about what they thought users wanted.

While the UI design has a lot of room for improvement, I consider it a successful exercise in building empathy for the users.