By: Helen Song
This project focused on designing the administrative staff dashboard on the 3D Girls website. The goal was to create an intuitive, efficient interface that would allow admin to manage various aspects of the platform, including user accounts, licenses, and organizational and individual student data.
In order to begin mapping out the site architecture and dashboard features, I discussed with our product manager and non-profit leader in order to come up with user stories, statements outlining what actions would be feasible for each admin. We condensed our overarching user story into the following:
<aside> As a 3D Girls administrative staff, I want to be able to view and manage my customers as well as other information only visible to admin staff
</aside>
After determining various user roles and their associated goals, we grouped them based on shared permissions and states, such as New User, Chief of Staff, and General Admin.
<aside> As the new staff member, I can change the password after I receive an auto generated password
As a new staff member, I want to log in using the account information provided by chief of staff
</aside>
<aside> As the chief of staff, I want to be able to delete other staff accounts and create new accounts for new staff members
As the chief of staff, I want to edit the number of licenses a school has purchased in total, and the number a school has left
</aside>
<aside> As staff, I want to be able to login through a separate page to view the admin dashboard As staff, I want to view schools, student accounts under each schools, and individual student accounts As staff, I want to view the number of licenses a school has purchased in total, and the number a school has left As staff, I want to be notified when a school purchases licenses and view the invoice As staff, I want to be able to search through the accounts As staff, I want to be able to delete organizational and individual accounts As staff, I want to be able to create organizational accounts As staff, I want to be able to view whether an organization has submitted a list of students & if there’s an error during the process As staff, I want to be able to create individual accounts for an organization As staff, I want to batch upload a student list for an organization
</aside>
Using the user stories, I decided on 4 main tabs of the dashboard: Schools (for organizational accounts), Students (for all students, including those belonging to an organization and those who don’t), Invoices, and Admin.
I started by doing a simple sketch to outline the general structure of the website. This initial wireframe does not fully align with the final specifications detailed above, as we discussed adding invoices and removing account metrics as the project progressed.