Technology Used:
Figma, Storybook, React. Sass, TypeScript
My Role:
As the Senior UI/UX Designer, I was provided with the tech specs to translate into multiple views and showcase different experiences and user journeys. All of these views were made up of previously designed and developed components from the Willow UI project, so all designs were made with keeping Storybook, React, Sass, and TypeScript in mind for development purposes.
The Designs:
All designs were built in Figma based on common UI/UX principles and data collected from user surveys and interviews.
User Permissions Initial Interface
![](https://cdn.myportfolio.com/8637b0c6-8c9c-4504-91a7-be6130ec6b05/616469ba-292a-4f6a-8c80-dc3463a5fb3b_rw_1920.png?h=7a6ee5a709afdfd602fbe448457b494e)
User Permissions Initial Interface with User Actions Menu
![](https://cdn.myportfolio.com/8637b0c6-8c9c-4504-91a7-be6130ec6b05/585e1cb0-0b43-42c2-a0cd-f9234a4b9eb6_rw_1920.png?h=9e27939c0bcdba7ec481bde1e88d5f34)
Bulk Edit Option
![](https://cdn.myportfolio.com/8637b0c6-8c9c-4504-91a7-be6130ec6b05/7be446da-5cd4-4daf-a1a9-cf608f167048_rw_1920.png?h=15898f47d1a729d1d0fb9d835e28ad7b)
Bulk Edit Locations
![](https://cdn.myportfolio.com/8637b0c6-8c9c-4504-91a7-be6130ec6b05/340082ed-1129-4966-82ac-4d0581b8e196_rw_1920.png?h=fdaf35dd19e2a217994a1b0ddce1414b)
Filter By Locations
![](https://cdn.myportfolio.com/8637b0c6-8c9c-4504-91a7-be6130ec6b05/04a6c68a-1968-4c06-aaa0-4edd80d2a959_rw_1920.png?h=efda6747cf98f0c367b1155ac0314a28)
Individual User Permissions
![](https://cdn.myportfolio.com/8637b0c6-8c9c-4504-91a7-be6130ec6b05/2e49b61b-c381-4190-852d-7b74e794240c_rw_1920.png?h=fb1e56232787945310663d79fa14f252)
Individual User Permissions with Admin Selection
![](https://cdn.myportfolio.com/8637b0c6-8c9c-4504-91a7-be6130ec6b05/f461d026-892f-4c08-8b13-1507ad50e9d4_rw_1920.png?h=244140a5be68d5a0899af82956f65840)