Stan Alexander Design
dp-hero.jpg

Directory Page UX/UI

This design of the new BrickHouse Security, directory page was created by me using Adobe XD.

BrickHouse Security Directory Page UX/UI Design

BrickHouse Security Directory Page UX/UI Design

From many variations, I designed this directory page. While designing, I used Adobe XD for the layout of assets, mockups and prototypes.

Mobile Version

Mobile Version

This is the mobile version of the directory page. The goal here was to provide a smooth user experience with good, modern UI. The two ‘sort by’ and ‘filter by’ buttons make it clear for the user, where the needed information will be.

Version A - List and Grid View

Version A - List and Grid View

These are the list and grid views for the version A, the intent was to create multiple version of the directory page, to see which of the two will perform better in A/B testing with the version below.

v1-list-view.jpg
Version B - List and Grid View

Version B - List and Grid View

This is version B of the directory page. This version features a video that may help the user understand the product more and provide additional information on selecting the product.

v2-ist view.jpg