Contributor Dashboard

Shutterstock Custom has a global network of contributors that shoot content for our brands. Previously, contributors had an ineffective way of identifying the progress of their projects and it was not user friendly. During this project, we had an opportunity to preplan for future growth of the app and to tackle design/tech debt. The previous method to find updates on projects consisted of email and repetitive checking.

CompanyShutterstock CustomRoleDesign LeadYear2017Linkapp.flashstock.com

Note: Text and photos used are not true indicators and use solely for filler content for mockup purposes.

Contributor Dashboard Case Study

Problem: Contributors are unable to organize their projects, see the status of their projects and see feedback of completed projects. The current method is time consuming, manual and most action is taken place outside of the platform.

Stakeholder Interviews: Stakeholder interviews were conducted with external contributors (who shoot the project) and internal project coordinators (who are points of contact and oversee the project). Each interview ranged between 30 minutes to 1 hour. Through the process, we determined pain points and current workflow to help shape the areas we needed to tackle. The four main areas of priority:

Survey Conclusion and Analysis: A survey was sent out to identify satisfaction levels of the current state of the platform. In a sample size of 197 contributors, 51.3% of contributors rated their level of satisfaction with the main view under 80%. 54.8% of contributors were satisfied with the information displayed on the home page. When garnering qualitative feedback, many contributors expressed that though the information displayed was reasonable, there could be more information displayed.  Contributors were seeking information on progress of the project and feedback. Common pain points from survey results also showed that mobile responsiveness, navigation, search functionality and buttons were less than satisfactory.

Design Phase: The design phase consisted of competitive analysis, user interviews, brainstorming, wireframing, new style guide, high-fidelity mockups and user testing. Throughout each phase, user testing was conducted to help speed line iterations within our agile environment. Because we were introducing a new dashboard within an existing application, we had to transition to a style that was similar to the existing style. As we revisit areas of the application, we will transition from the existing style to this new design system. One of the challenges with this project was that it needed to be scalable. With the dashboard in place, we needed to consider our product roadmap and how future features that do not currently exist will be reflected within our dashboard.

Response: After 5 days in production, we received overwhelmingly positive feedback from users.

“I do not have much feedback on the new dashboard, only to say that I think it is well designed. The page is very clear, concise, and easy to read. It is clear to see which projects are open, declined, and accepted which is basically what I need to see and be reminded of what I am being considered to be selected on.” – Jared, Contributor

I really love the new layout. It’s much more user friendly being able to easily switch between current offers, active projects, etc. And I also like the status bar within each project. It helps me see how far along in the process you all are.” – Chelsea, Contributor

What I like the most is that I can take a look at the feedbacks. It is very helpful for me to improve when I do similar assignments.” – Yuya, Contributor

With our tools, we were able to watch how contributors use the new interface. From there, we were able to notice small usability commonalities and made minor iterations to provide less friction. With the new interface, contributors were visiting the platform more frequently through mobile devices and having longer user sessions.

Conclusion: The overall project garnered huge results and was extremely impactful to our users. One of the reasons why is that we were able to make an intuitive dashboard that allowed you to click to get the information you wanted.  Improvements would consist of further iteration on usability details such as other spots in the ‘All’ filter will a project land once responded to (declined versus accepted). Where does this project show in conjunction to accepted projects that are in progress. If we are showcasing a declined or full project for 24 hours, where should it show under ‘All’? I would also look into more entry points from the dashboard to other areas of the application. Some challenges faced with this dashboard was the timing. Work had already been started on it and FlashStock had been acquired by Shutterstock. Decisions needed to be made on the UI and how to adopt their design system while blending the dashboard with the remaining app. We were able to build the app into reusable components that will be easily styled for the future.