CASE STUDY

CES Website & App

Header graphic that shows the home page example for the CES website
Client

Consumer Technology Association

timeline

4 weeks

product

Website & App

Tools

Sketch, User Testing, Adobe Creative Cloud

case study overview

Bold. Flexible. Curated.

The CES website and app are more than just a digital platform - they're an adaptive tool that evolves to match user preferences in the consumer technology landscape. With a primary focus on personalization, the platform uses machine learning to learn and adapt to user interests over time, creating a truly individualized experience.

5 iPhones displayed across the screen on a dark background that show different screens from the website

Challenge

Transform the CES website into an invaluable resource for the tech community.

Evolve from a static information source into a dynamic, interactive platform that effectively engages a diverse range of stakeholders. Above all, the website must reflect the spirit of innovation and design celebrated by the CES show, while remaining user-friendly.

Solution

A Data-driven Interactive Platform

We created a data-driven, user-friendly and robust, interactive platform that engages with the technology community and fosters meaningful connections among exhibitors, attendees, media personnel, investors, speakers, marketers, and influencers. In doing so, we aim to create a lively, interactive experience that invigorates the global tech community, making CES a continuous, vibrant exchange of ideas and innovations.

The Team

HZDG

  • Account Management
  • User Research
  • UX Design
  • UI Design
  • Engineering
  • Content Strategy
  • Social
  • QA

My Role

Digital Creative Director

  • Facilitated design team workshops
  • Digital Accessibility Lead
  • UI Design
  • Keynote Presentations
  • Interaction Design
  • Usability Testing
  • Created wireframes, user flows
  • Storyboarding of motion design
design overview

Design Highlights

Take a look at select high-level examples from the design process behind the CES project. From initial sketches and wireframes to the final prototype, these snapshots demonstrate the development and refinement involved in bringing an idea to life. Please note that these examples represent a fraction of the overall project and deliverables.

Sitemap graphic for the CES website
Hand drawn sketches of different wireframes for the site
3 wireframes on a light royal blue background with wireframes of different screens in the device
The attendee landing page displayed in mobile screens that are stacked on top of each other on a dark background
Screens from the website displayed on a light royal blue background in iPads that are in different angles
The attendee landing page in a small tablet, a large tablet and a laptop

For a more comprehensive look at additional deliverables or further project details, please don't hesitate to contact me.

Featured Case Studies

A responsive design layout with a MacBook Pro, and an iPhone side by side at an angle sitting on a gray counter

Visualizing a Complex Supply Chain

Conceptualized, designed, and prototyped a lifecycle program management application for the F-35 program - securing $20M to build a bespoke application that provides AI and machine learning-driven data insights to a program with 900+ aircraft, 1,900+ suppliers, and 10 global partners.
View F-35 Case Study
Mockup

Personalized Care & Support

Leveraging design thinking and agile methodologies I led the UX and UI design of an Ovarian Cancer digital health platform. Responsibilities included creating the platforms Brand Design, Sitemap, Information Architecture, Wireframes, Prototyping, User Onboarding, Design System and Vendor Management.
View Digital Health Case Study
Mockup

Transforming Healthcare.gov

Embedded in a multi-vendor agile product team for over a year, I conducted card sorting, data analysis, created wireframes, design documentation, user interface design and established design patterns and site style guide that were validated and tested with site users and key stakeholders.
View healthcare.gov case study
Mockup

Technology Innovation

Designed and managed the creation of key deliverables such as sitemaps, wireframes, visual designs, and prototypes. Collaborated closely with the engineering and product management, creating a continuous feedback loop, with design iterating based on engineering feasibility.
View CES Case Study