Dashboard Analytics Tool
Brand dashboard analytics tool. UX Designer, Front End Developer. Using Ember.js, SASS, HTML5, d3
The B2B tool for Upside Commerce is a publishing platform that monitors real-time campaign data for brands. The original prototype featured a magazine style layout and wasn't responsive. The data was all displayed in bar graphs.
The challenge: To reconfigure the layout and hide some of the content previously in a sidebar in a drawer navigation to maximize screen real estate. All views needed to become responsive, and we needed to refresh the data visualizations. This needed to be quick and appear very different for approaching next level funding, without duplicating effort the team will be doing for the re-plat of the entire project.
The process: Grey box low fidelity wires, to high fidelity wires in Adobe Illustrator. Followed by researching d3 libraries for Ember.js that would allow more interesting data visuals and would render quickly. Research other components such as map and animation libraries. After researching, the prototype had to be coded and integrated into our existing backend.
Tools: Adobe Illustrator, HTML5, SASS, d3, c3, Ember.js, svg filters, Bootstrap
