Screen Shot 2020-10-05 at 5.36.26 AM.png

Blackadder Interface

I built this UI for Blackadder from scratch using Adobe XD. Blackadder was intended to be a single SaaS platform that gives you superior control over your cloud security posturing.

Login Flow Video

MODALS AND COMPONENTS

WIREFRAMING

Assigning z-depth to each component for proper contrast.

The “Super Table”

I spent a lot of time developing this table format with the engineers on the team, to apply in several places across the platform.

TWO-PANEL VS. Collapsible

Originally, I put together the interface with a side by side display so that opened items showed up on in a dialog on the right (bottom image). Through exploration and feedback I discovered that having each item be collapsible was more efficient (top image). This allows users to open two items at the same time and compare.