HPE GreenLake Cloud Platform (GLCP) Buy Experience
OVERVIEW
In my role at HPE, I had the opportunity to contribute significantly to a transformative project within the HPE GreenLake Cloud Platform (GLCP). This project aimed to enhance the user experience by introducing a self-service buy feature, marking a significant milestone as it was the platform's first-ever Platform as a Service (PaaS) feature. Although I was not initially the lead designer for this project, my involvement was instrumental in driving its success.
ROLE
Product Designer
SOFTWARES
Figma, Figjam
Project Background:
This project was initiated at the C-level, emphasizing its strategic importance to HPE. It represented a pivotal talking point for the upcoming HPE Discover event. Additionally, it provided me with a unique opportunity to collaborate with upper management and various cross-functional teams.
Understanding the Problem:
The contextual challenge was that, at that time, users lacked the capability to purchase services without navigating complex processes or involving sales representatives. The core ask was to enable self-service buying on the platform.
Defining the MVP:
The Minimum Viable Product (MVP) for this project was focused on enabling users to purchase a single service. Our target audience included both direct customers and Managed Service Providers (MSPs), who needed to have a billing account, pass credit checks, and able to access discounted pricing.
Proposed Solutions:
To address this challenge, we designed a streamlined purchase process within a user-friendly, step-by-step wizard. This wizard ensured simplicity without unnecessary complexity, while enabling more self-service capabilities. Customers could apply promotions themselves, enhancing their control and experience.
Making sure all of the buying options are above the fold while maintaining hierarchy of CTAs was the main goal of our product page. Hence, creating thin boxes and different CTAs in the global style as well as making sure there are adequate spacing between each action helps achieve our goal
Define and Categorize
Our site has so many different types of contents - from white papers, to products sell sheets, to instructions, to different categories of drug test compliance and industries, we have to make sure all this information is presented without overwhelming customers
Clearly defining categories and build the design for each type of content categories to create a hierarchy and will help separate contents for users creating an easy flow. I have created different global content types for the site to make sure it can help guide customers throughout the site
Scalable Design
In order to make sure we’re not repeating our old mistakes of having to design a new page every time, we pushed to consolidate and refined our contents to 7 pages of 7 different content types. From there I developed 7 page templates alongside with a global kitchen sink so that future e-commerce sites of CB can use the same design system with new branding to create a smooth experience throughout all the future sub-brands
Using a 12 grid system to create a responsive, consistent and pixel perfect layout for all of our page templates help boost future page creation and even using for other brands within the biotech ecosystem of Confirm BioSciences
To scale our design further, we created a design system with Adobe XD. Having a design system on hand allows us to work with cross functional teams and most importantly developers and third parties to see and inspect to create pixel perfect details to the vision we wanted. We can continue working on it and updating a public link for all others to see so we are all in the loop.
With updated branding and global style, Confirm BioSciences’ new branding features a darker color scheme and taller typography to carry a clean, minimal and professional brand visual through design.