![](https://s3images.coroflot.com/user_files/individual_files/225748_a3ekhstmitxizpnfiezhc3sxh.jpg)
Needle provides a powerful set of dashboards and analytic tools to give their customers insight to their shopper's activity and mindset. This live dashboard that gives the "pulse" of a partner's service at any time. Below is a collection of various parts of the tool and a little about my process for building it.
![](https://s3images.coroflot.com/user_files/individual_files/225748_sixbq0a58adwgzmegfap23n8b.jpg)
RESEARCH: An important part of any project is to understand the problem. Making customer visits and watching them in the context of their environment can provide some great insights for better design decisions. We made a trip to a number of customers, including AutoDesk, to learn more about what our customer did and needed in the administrative tool.
![](https://s3images.coroflot.com/user_files/individual_files/225748_fnuacguxeov0qx42ksmmtxfuf.png)
From our visit, we started assembling personas to help us better communicate our target users to the company and for the team to have a unified vision of our user.
![](https://s3images.coroflot.com/user_files/individual_files/225748_c03afosvsaisgafsyicseegu4.jpg)
Once research is analyzed and requirements are defined, I'll explore the construction of designs and overall layout with paper sketches.
![](https://s3images.coroflot.com/user_files/individual_files/225748__g5qvnq8mudxc2mgyqd3vtnbj.png)
Sketches are then moved over to wireframes for further exploration and feedback. This set of wireframes was put into InVision to get a feel for the interaction.
![](https://s3images.coroflot.com/user_files/individual_files/225748_sahwpyzids33maq2ek5nyvspy.png)
To ensure consistency through the platform, I assemble libraries of Illustrator symbols that I pull from for each design.
![](https://s3images.coroflot.com/user_files/individual_files/225748_qi_vml9_kantcg8hel5pxkrms.png)
Dashboards are an important part of displaying information in an actionable form. This particular dashboard showed status of active chats and various async forms of communication.
![](https://s3images.coroflot.com/user_files/individual_files/225748_vvyhrmsqdaljegtx6qtrvlplx.png)
A roll-up view of chat activity by skill group. Administrators could get a quick view of chat performance and be able to adjust staffing needs for the week.
![](https://s3images.coroflot.com/user_files/individual_files/225748_mgh_mzh5asp4biywbsmzhksjd.png)
Needle's Community Managers used this tool to display the actual number of chats vs the number of forecasted chats. This information is used to predict the number of advocates needed to commit to chatting through the week. Managers can drill down into individual hours, days, or weeks for more in-depth info.
![](https://s3images.coroflot.com/user_files/individual_files/225748_apavo82uvns6fmwjftnuxwprz.png)
![](https://s3images.coroflot.com/user_files/individual_files/225748_w8b9tadwrn5geszb8ehoglu3u.png)
![](https://s3images.coroflot.com/user_files/individual_files/225748__f4qjhkx_khuvtzowi5yeck62.png)
Community managers can review chat transcripts for quality assurance.
![](https://s3images.coroflot.com/user_files/individual_files/original_225748_pQi0bi_fHi7p59OyRiBTCCU4I.jpg)
A sample of development specs to reference during implementation.
View PDF
View PDF
gLike