Xenith
Web Design
Navigation
I was responsible for the UI mock up of the wireframes created by the product manager and for figuring out a solution for the mobile menu.
![](https://freight.cargo.site/t/original/i/d21a013a29303f3b0dab3ddfb87aa4f1dcc6774ed41c2cf145df403fde9bcdd7/Screen-Shot-2020-08-28-at-4.40.20-PM.png)
![](https://freight.cargo.site/t/original/i/fc4f26e109dedca19528b7e3c2b01f2305b096297a3162484636169e5f75ec44/Screen-Shot-2020-08-28-at-4.40.36-PM.png)
![](https://freight.cargo.site/t/original/i/bfb5790ac1464769836ff804f64225dddf4f94042a0ff091801855d721603d54/Screen-Shot-2020-08-28-at-4.40.56-PM.png)
Homepage
Along with the product manager, we created a new design for the Xenith.com homepage. Our challenge was to showcase more product above the fold/at the top of the website.
How we solved the problem:
- Created easy access to 4 categories of product without having to open the menu- Created a slider showcasing Top Products- Added Xenith Collections to showcase a mix of apparel and products
How we solved the problem:
- Created easy access to 4 categories of product without having to open the menu- Created a slider showcasing Top Products- Added Xenith Collections to showcase a mix of apparel and products
![](https://freight.cargo.site/t/original/i/3df0fe4c77cdb934ddfe407bc5a4e44afb81411018129c37c8faa6e5f4af9eec/Screen-Shot-2020-08-27-at-11.13.54-AM.png)
![](https://freight.cargo.site/t/original/i/cf2bfbab9f5899bca64bdd0e43a93e727400f909f5db6070cb4319adac262e72/Screen-Shot-2020-08-27-at-11.14.26-AM.png)
PEAK landing page
PEAL collection page
I was responsible for creating the UI mock up of the desktop wireframes created by the product manager as well as creating a solution for mobile.
![](https://freight.cargo.site/t/original/i/1617630839e3f4c917fc08b1b5eeb26c80e760c8b5d5813de9c85978f85d0eb1/Screen-Shot-2020-08-28-at-5.10.41-PM.png)
![](https://freight.cargo.site/t/original/i/3f5ea395745d6cd2bad262af2eda09e7b1b43a193335afae14dbd8d2ba740655/Screen-Shot-2020-08-28-at-5.11.04-PM.png)
![](https://freight.cargo.site/t/original/i/c41841db338d18395b99addcf809255cf79745081adf98b96395a30a474ba1d8/Screen-Shot-2020-08-28-at-5.11.52-PM.png)
![](https://freight.cargo.site/t/original/i/b3e372f79c4d35b282bbefaf3e61f464d9db5034d7f6851d607a9ccfec1a5dc5/Screen-Shot-2020-08-28-at-5.29.11-PM.png)
![](https://freight.cargo.site/t/original/i/6f6ddc81ade3018d8dcc1743084310d97bce83e87724aad87433a697d0c01f23/Screen-Shot-2020-08-28-at-5.29.31-PM.png)