/

Trust Page

/

Trust Page

/

Trust Page

Trust Page

Trust Page

Product Design

Web App

2023

Trust Page is a product that I designed and was built along with a product manager and two other engineers.

HyperComply is a startup in the security and compliance space that saw an opportunity to expand into the space of hosted security profiles.


I was the lead designer along with a product manager and three engineers.

Problem Summary

Currently, HyperComply customers are only using the Respond product to autofill security questionnaires. There is an opportunity to bypass this entire process by hosting the company's entire security profile on a public page.


To pull this product off, we have to solve a few problems

  1. We haven't fleshed out a trust Figma → Code design library. Without one, we won't be prepared for rapid high-quality development needed to prove out product-market fit for a new product.

  2. The market is heavily saturated by existing, overly complex products.

Solution

  1. I created an initiative called Hyperspace with the goal of implementing components and tokens across the entire platform.

  2. Design a radically streamlined product that is a no-brainer for both our existing customers as well as customers using competing products.

Finished Product

We followed-up on the initial beta release with features that customers told us were necessary to commit to a purchase. One of those were minimal analytics on certain metrics.

Hyperspace Design System

The weeks leading up to the kickoff of our project while I was designing the Trust Page, I also kicked off an initiative called Hyperspace. It's goal was to implement a fully fleshed out style and component library across the entire platform.


The team was comprised of myself, another designer, and two other front-end engineers.


To anchor this goal on a tangible task, I used a "dark mode" interface as the vision. The idea here was to get our design tokens and components to such a state that we would be able to toggle a switch one day and have the UI seamlessly flip to any theme.


We successfully implemented everything we needed by the time we kicked off the Trust Page and the effort significantly sped up all other engineers.


Hyperspace had a cohesive color system, a token system, standardized patterns, intentional degrees of freedom for customizability, was highly accessible, and had robust documentation.

The weeks leading up to the kickoff of our project while I was designing the Trust Page, I also kicked off an initiative called Hyperspace. It's goal was to implement a fully fleshed out style and component library across the entire platform.


The team was comprised of myself, another designer, and two other front-end engineers.


To anchor this goal on a tangible task, I used a "dark mode" interface as the vision. The idea here was to get our design tokens and components to such a state that we would be able to toggle a switch one day and have the UI seamlessly flip to any theme.


We successfully implemented everything we needed by the time we kicked off the Trust Page and the effort significantly sped up all other engineers.


Hyperspace had a cohesive color system, a token system, standardized patterns, intentional degrees of freedom for customizability, was highly accessible, and had robust documentation.

The weeks leading up to the kickoff of our project while I was designing the Trust Page, I also kicked off an initiative called Hyperspace. It's goal was to implement a fully fleshed out style and component library across the entire platform.


The team was comprised of myself, another designer, and two other front-end engineers.


To anchor this goal on a tangible task, I used a "dark mode" interface as the vision. The idea here was to get our design tokens and components to such a state that we would be able to toggle a switch one day and have the UI seamlessly flip to any theme.


We successfully implemented everything we needed by the time we kicked off the Trust Page and the effort significantly sped up all other engineers.


Hyperspace had a cohesive color system, a token system, standardized patterns, intentional degrees of freedom for customizability, was highly accessible, and had robust documentation.

Analytics

We followed-up on the initial beta release with features that customers told us were necessary to commit to a purchase. One of those were minimal analytics on certain metrics.

Conclusion

The Trust Page product was a huge success and drove sales of existing customers and had a clear and short roadmap of features needed to be ready for the enterprise.