User interface Design

hackerone

the mission

To make interactivity and calls to action clearer on the Attack Resistance page and improve product-page view rates. 

the project

In this project for CRO Metrics and HackerOne, we set out to improve users' access to products and services. By updating the layout to a tile format with a hover state, we were able to increase form submissions across the site by 84% and increase clicks through to product pages by 9%.

product cards

product cards

product cards

Desktop view of Hackerone's product cards in their default state
Desktop view of Hackerone's product cards in their default state
Desktop view of Hackerone's product cards in their default state
Desktop view of Hackerone's product cards in their hover state
Desktop view of Hackerone's product cards in their hover state
Desktop view of Hackerone's product cards in their hover state
mobile view of Hackerone's product cards
mobile view of Hackerone's product cards
mobile view of Hackerone's product cards

the control

the control

the control

mobile view of hackerone's product page before redesign
mobile view of hackerone's product page before redesign
desktop view of hackerone's product page before redesign
desktop view of hackerone's product page before redesign