![](https://cdn.prod.website-files.com/6495925dbba1835f81100b59/649db7ed7fd23ab4bf2510ac_SkillQuest2-min.png)
skillquest
The Brief
Initially contacted to create a website, the client asked me to design their webapp also. With a one-week time constraint,
The client's product measures and tracks soft skills and needed several different ways to show the data. I helped clarify the features and define the areas of the app.
The client's product measures and tracks soft skills and needed several different ways to show the data. I helped clarify the features and define the areas of the app.
The Deliverable
I designed a series of enormous animated interactive components in Figma that provide several different views of detailed information at the click of a button.
I chose to keep things simple by using the same colors and font I’d used for their website.
I chose to keep things simple by using the same colors and font I’d used for their website.
First of the four areas
soft skills
A detailed look
The radial graph
![A composite image showing the 5 ways that information can be shown with a certain kind of graph - in this case, a radial graph.](https://cdn.prod.website-files.com/6495925dbba1835f81100b59/663391ca25fd7ee0cc42e35b_Radial-w-bg.png)
The block graph
![A composite image showing the 6 ways information can be shown in a graph.](https://cdn.prod.website-files.com/6495925dbba1835f81100b59/663391c2e43bca437e8b8def_Block-w-bg-min.png)
Design slight of hand
Map Matching
This feature of the tool allows the person to see how their total soft skill map matches one that has been defined as the ideal for a certain profession.
![A screenshot of a page of the webapp, showing the persons soft skills map laid over one that represents the ideal soft skills map of a Financial Analyst.](https://cdn.prod.website-files.com/6495925dbba1835f81100b59/66338854a8cccb9a35dcfa58_Match-min.png)
The design
The app was designed with two sides: one side for the individual and another for the coach. Both individuals and coaches can see all of the graphs, but the coach has access to pages that allow them to overlay maps and see results for all the members of their team at once.
Final thoughts
The client used the interactive prototype to successfully pitch to investors.
An MVP of the product is currently being used for pilot projects in Italy.
"Emma has been invaluable for the image of my two companies. She has an excellent eye for both the artistic part of the project and the digital/graphic implementation of the creative concept. She is very efficient and reliable and, most important of all, she listens, making every professional interaction easy and productive."
![The picture of the founder of Wisepath and Skillquest, Gianluca Ferremi.](https://cdn.prod.website-files.com/6495925dbba1835f81100b59/665dedacba92e6ee3bf368ff_GL%20Mask%20group.png)
Gianluca Ferremi
Founder, Wisepath / SkillQuest