
Dubsmash Content Loader
Introduction
Getting content into the platform used to be a pain! This content loader I built with Dubsmash allows us and our partners (Movie and TV studios) to upload content to the back end that is then live on the app. Multi level permissions let users approve or reject content as it comes in allowing an admin to have full control over what goes in the app.
Background
While I was first tasked with working on the app improvements when i first started Dubsmash the team noted my history of building clean looking SaaS tools. I worked on the requirement gathering, user flows, stakeholder interviews, UX, UI, and PO of this project. I also worked closely with the dev team when questions arose and modified tickets if required.
Challenges
This project posed scope creep challenges left and right as any SaaS tool does. Here we have 2 levels of permissions but soon we will expand it to have more permissions and controls. I kept this in mind when designing the tool so that the primary and secondary nav would have a place to expand to as requirements grew for this tool.
Proposed Solution
Its probably obvious that I looked to Material Design patterns for inspiration with the brands new color scheme (new logo isn't quite ready yet). The idea was to execute a design that had a clear pattern for creation, the plus signs on top right, that was away from the navigation items. The creation button was inspired by a material design concept of the "fab" button but here I have located it on the top right so that its more visible to all users but especially users that may not be used to google products.
Recommendations
One of the biggest recommendations I have that I learned from this project is to think carefully about your sorting needs inside a list view. The application of multiple sorts can make for a very complex user story and experience for your user. I took inspiration from existing google tools for how I ended up building the sorting in this tool.
More Information
This tool is not available to the public yet but we hope that it will be in 2018.





Wireframe Sample




