WORK ABOUT CONTACT RESUME

DESIGN CRAFT + PROCESS
A look into the iterative process, research, and decisions that led to the catalog page

Low-fidelity designs

Option 1
Call-out on the ‘provisioning’ screen

Option 2
Services catalog on offering ‘overview’ screen

Option 3
Call-out on VSI screen

Option 4
‘Additional Services’ catalog (new page)

Mid-fi designs & user testing

After reviewing the low-fi design explorations with product manangement and completing preliminary concept testing, we decided to move forward with the “Expandable tile” and “Catalog page” concepts for additional testing. We recruited 5 PowerVS users and conducted usability testing via an InVision prototype.

Participants were given the prompt:

Suppose you are looking for more information about a back-up service for PowerVS...where would you expect to find this information?

Testing results

Majority of participants (4/5) noticed the Additional Services Catalog in the side nav bar and said they would look there first
1/5 participants said they would look in the product documentation first to learn about back-up services and check the catalog page second.
1/5 participants noticed the expandable tile
5/5 participants expressed excitement, interest, and desire for the Additional Services Catalog

Expandable tiles

⛔️ We did not move forward with this design

Catalog page

✅ Moved forward with this design

Additional iterations

Tile design iterations
Explored multiple tile options

Included filters
Identified the main attributes users would need to filter by:

solution category
provider (IBM or 3rd party)
OS compatibility

Final designs

Release 1

6 core products & services
No filters until atleast 15 products & services are added to the catalog
Tags on tiles used in place of filters

Each catalog tile has...

Product description
Tags denoting service provider, OS compatibility, and solution category
Link to product/service’s page

Release 2

15+ products & services
Filters
OS compatibility, Service Provider, and Solution Category

Each catalog tile has...

Product description
Provider & category tags
Link to “How to” documentation
Link to product/service page

*Prior to the release of the catalog page, PowerVS adopted a new navigation & grid system. The live designs reflect this update.

THANK YOU FOR VIEWING

If you’d like to learn more about this project or my other work in detail, reach out and let’s chat.

THANK YOU FOR VIEWING

Let’s stay in touch! Reach out via email if you’d like to discuss working together.