UX/Visual designer, along with an additional UX designer
Web experience
4 months
IBM Q is bringing Quantum Computing technologies out of the lab and into users’ hands. As a part of an overhaul of the IBM Q website, I was asked to work on the experience and visual design of the learn pages — 2 sections of the site dedicated to teaching users of a variety of knowledge levels what Quantum computing is, and what Quantum means at IBM.I partnered with another UX designer to determine the content, layout, and flow of the pages, and led the visual design with input from other visual designers on the team, as well as the IBM Design System team.
This page was intended to provide multiple layers of learning for different levels of expertise. We provided surface level information for those looking for a quick overview, as well as various deeper dive experiences to allow those looking for further detail to dig in and learn about Quantum at a deeper level.
Users who were interested in learning more than the overview on the initial page could explore the concepts fundamental to Quantum computing through a series of 3 full screen modals — Quantum Properties, Quantum Computation, and scaling quantum systems.
This full screen model experience allows users to get a detailed look at what is inside a Quantum computer and what the different pieces accomplish.
The timeline experience takes users through the events that have led to the creation of IBM Q and Quantum Computing.
The Quantum Computing @ IBM page was intended as a way for users interested in how IBM was approaching quantum to learn more about the technology, hardware, and the people working on it, and to provide a jumping off point for other areas of the website where they could get more details.
