Oracle Events Websites and UI Components

Events are an important part of Oracle’s marketing strategy and OpenWorld is the main event. As the industry’s most important business and technology conference for the past 20 years, OpenWorld hosts tens of thousands of in-person attendees as well as millions online. Oracle OpenWorld has become a showcase for leading cloud technologies, from Cloud Applications to Cloud Platform and Infrastructure.

My Role

As a Senior Interactive Designer on the design team responsible for digital event marketing, I was tasked with designing user interface components, page layouts, typography and image selection for multiple event sites that were built on the same codebase. We launched four conference sites annually: Oracle Open World, Oracle Code One, Oracle Modern Customer Experience (MCX) and Oracle Modern Business Experience (MBX). Each site has a unique design system and a thoughtfully crafted look and feel. In addition to all of the events web sites, I contributed to Oracle.com as needed.

Other Event Web Sites

Oracle Code One

Oracle Modern Business Experience (MBX)

Oracle Modern Customer Experience (MCX)

Oracle Groundbreaker Awards Ballot

Role

I was responsible for UX, UI, wireframes and web design.

Request

This project was a bit of a challenge because the team wanted a voting system designed for twitter with no mechanism for automation. Anybody has the ability to nominate a programmer for a Groundbreaker Award by using a submission form. Then, our team manually vets the nominees and posts a curated ballot. Users are asked to tweet their vote which would then also be manually counted.

Challenge

I would need to design a ballot experience for an unfamiliar experience that doesn’t confuse the users and result in un-submitted votes or an insignificant number of nominations.

Because nomination submissions would need to be manually checked, we needed to prevent users from spamming the nomination submissions.  After the user clicked the vote button there was no mechanism available that would check that a vote had been tweeted and therefore we could not confidently show a success message so I needed to figure out how the user would know the tweet was their vote, not just an interaction to share the ballot.

Solution

How the content flowed would be important, as well as clear instructional copy and obvious visual markers to guide users through the process. I included a captcha to make it harder to spam the nomination submissions. In addition to a descriptive paragraph at the top of the page, I created a vote button that provided a visual nod to twitter as a function of the process and added a footer with the clear instructional CTA saying “Tweet to Vote.”