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.
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
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.
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.