The VIP Digital Deliberation works on the Reflect! Platform, a collaboration tool. I led a four-person sub-team that was responsible for designing prototypes of web pages using Figma and using React to implement the prototypes.
For more information about The VIP DIgital Deliberation visit: https://www.vip.gatech.edu/teams/vva.
Dashboard:
*There’s is a slight blur
The first image is the Reflect! Platform’s Dashboard. My goal is to make it more aesthetically pleasing, accessible, and readable and implement it using react.
Iteration 1: In the first iteration, I went through color palettes and decided on a blue palette that had a wide range of blues. I changed the navigation bar to dark blue to add more contrast between the letters and the background color making it easier to read. I redesigned the Work Plan to be this gradient of blue tabs. When a tab is clicked, the tabs below it would shift down and the clicked tab expands to display information.
Iteration 2: I got rid of the colored background to make readability easier and added arrows to emphasize the workflow of the Work Plan. I assigned colors based on the level of collaboration each section requires in the plan then used those colors for the border of each section. For accessibility purposes, I added lines on each section that also determine the level of collaboration.
Documentation for the VIP Digital Deliberation: VIP Notebook
Leave a Reply