Oracle Events
UX & UI Design

Oracle OpenWorld, Modern Customer Experience, and Modern Business Experience

Oracle OpenWorld: UX/UI Design Case Study

UX & UI Design: Crafting Extensible Design Systems for Oracle’s Premier Events

Oracle’s annual conferences, including the flagship Oracle OpenWorld, Oracle Modern Business Experience (MBX), and Oracle Modern Customer Experience (MCX), represent a pivotal global gathering for customers and partners.These events showcase the latest innovations in cloud technologies, applications, and infrastructure, attracting tens of thousands in person and millions online each year.

As the lead designer for user experience (UX), user interface (UI), and motion design on these critical event websites, I was instrumental in establishing and evolving a unified, extensible design system that ensured a seamless, high-quality digital experience across multiple distinct brands. My work spanning 2018 and 2019 was crucial in enabling Oracle to consistently deliver its high-profile events with exceptional digital engagement and operational efficiency.

Key Outcome: My design system work culminated in the successful digital execution of the 2019 conferences, which collectively engaged 60,000+ in-person attendees for Oracle OpenWorld and co-located events like MBX and MCX, and 19+ million virtual attendees globally.

Task

My work focused on three core objectives to deliver a comprehensive digital experience for Oracle’s diverse conference portfolio:

Maintain a consistent design system across the sites while adapting it to the unique aesthetics of each event (Oracle OpenWorld, Oracle Modern Business Experience, Oracle Modern Customer Experience, and Oracle Code One). This involved ensuring a flexible and scalable website with tailored visual identities for each event, all built on the same shared codebase and architecture.
Design an intuitive user experience that enabled seamless navigation between conferences held in the same location, facilitating registration, session scheduling, and access to key event information.
Collaborate with developers to implement the design system and ensure the websites were responsive and functional across multiple devices.

Action

User Experience and Interactive Design

All conference websites were designed with a consistent site architecture to ensure ease of navigation and familiarity, regardless of which event’s site a user visited. Because all conferences shared the same core components, it was essential that the layout and structure remained uniform across the entire platform, providing a seamless and intuitive experience for visitors. This was particularly critical for attendees of Modern Business Experience and Modern Customer Experience in Las Vegas, who frequently transitioned between sessions and information for both events. This consistency allowed users to easily switch between events, register for sessions, and navigate content without confusion. Furthermore, responsive design principles were integrated from the outset, ensuring that the user experience remained optimal and visually consistent across a myriad of devices, from desktops to mobile phones.

Interpreting and Applying Brand Aesthetics

I worked closely with the creative directors who provided mood boards for each conference. Each event’s unique brand strategy was interpreted and applied to resonate with its specific target audience. My role was to thoughtfully apply these unique brand identities to the website’s design, ensuring usability, ADA compliance, and consistency across all conferences.

Collaboration with Development Team

I collaborated closely with the development team to ensure that the design was feasible within the shared codebase and architecture. The design had to accommodate multiple versions of the same page layout with different branding treatments while maintaining scalability and flexibility across all conferences. Regular communication with developers ensured that design elements could be easily customized for each event while maintaining a smooth and efficient backend structure.

Design System and Flexibility

The websites needed to serve as a platform for multiple events while adhering to a unified design system. Adopting a system thinking approach, the core challenge was to create a flexible and modular structure that allowed for each conference’s distinct identity—including tailored color schemes, graphic treatments, and messaging—without requiring separate builds for each event. I focused on maintaining consistency in the layout, navigation patterns, and user interface components (such as buttons and forms), while applying each event’s unique brand aesthetic to the core design system.

For example, the Flexible Tile Component was designed to meet specific goals of flexibility, scalability, and creative freedom within this system. It allowed for an expandable number of tiles, ensuring no row contained only a single tile, and moved beyond a simple grid layout by incorporating hover animations for dynamic interaction. This component was built with the intention of providing designers with a functional framework that still leaves room for creative variations within defined constraints, demonstrating the system’s adaptability.

This overall approach ensured that the sites delivered a cohesive and intuitive user experience while visually reflecting each conference’s specific branding.

Motion Design for Increased Engagement

To boost user engagement, I introduced dynamic elements and interactive components across the sites. For example, I designed an Animated Gallery Component that displayed images from the conferences, offering a visual overview of the events while encouraging user engagement. This component featured a fluid, animated stream of photos, giving visitors a sense of the conference atmosphere while offering an interactive experience when clicked. This incorporation of UI, visual, and motion design allowed users to interact with the images and explore the events further through an intuitive interface.

Bringing the event to life: This animated gallery component showcases dynamic imagery from the conferences, creating an engaging and immersive visual experience for attendees.

Awards Ballot for Oracle Code One

Within the larger framework of Oracle OpenWorld, I designed a manual, Twitter-based voting system for the Groundbreaker Awards for Oracle Code One, an award recognizing innovators in the developer community. The process involved users nominating candidates via a submission form, with nominations manually vetted and a curated ballot posted. Since there was no automation to track votes, I focused on creating an intuitive, user-friendly experience, incorporating clear instructions and visual cues. I also included a captcha to discourage bots and a prominent “Tweet to Vote” button to ensure users understood the voting process, reducing confusion and ensuring accurate votes.

Chatbot User Interface Design

I extended the Oracle OpenWorld brand to a 3rd-party chatbot, providing users with a conversational resource for answering common event-related questions. The chatbot was aligned with the event’s design system, which included defining all branded elements, styles, states, and interactions to ensure a seamless and cohesive user experience. I worked closely with the product team to ensure that the design specifications and guidelines were clear and accurately implemented, maintaining consistent branding and smooth functionality across the chatbot interface.

Results

Enhanced User Engagement & Information Accessibility

The intuitive site architecture, coupled with dynamic components like the Animated Gallery and the integrated Chatbot UI, fostered deeper exploration of content. Users found it easier to discover sessions, register, and access information, directly addressing 2017 feedback and improving the overall digital journey.

Streamlined Operations & Marketing Efficiency

The robust and flexible design system, including modular components like the Flexible Tile, led to optimized creation and maintenance of event websites. This significantly enhanced the efficiency of marketing and development teams, enabling faster deployment of website updates with greater brand consistency and reduced manual effort.

Positive User Feedback & Brand Perception

Informal interviews with attendees consistently highlighted the ease of use and intuitive nature of the websites across devices. This positive user experience directly enhanced brand perception, positioning Oracle as a forward-thinking and user-centric organization, which is invaluable for long-term marketing success and attendee retention.

60K

In-Person
Attendees

19M

Virtual
Attendees

Ready to create experiences users will love? Contact me and let’s bring your vision to life.

Let’s Connect

Oracle Events UX & UI Design