Team
Myself (Sole Designer)
Vivek Ravishankar (CEO)
Vijay Bhaskar (Product manager)
Akshay Gupta (Engineering manager)
My Role
Product Flows
Wireframing
Prototyping
UI design
Customer presentations
Duration
6 months
Tools
Figma
Figjam
Wireframe.io
Partnered with promising tech companies in India in just 6 months, namely: IntellectDesign, TCS and Ciklum.
Designed for a 25M+ dev community, keeping the the brand personality alive and intentional. This helped developers get familiar with the product fairly quickly.
💡cool fact
TCS, one of our beta customers, was already using HackerRank for the talent management use-case. They created a plugin to setup automatic tests for employees and shared reports for their self-improvement.
Timeline
Stages of the project
Duration: 6 months
Skip Ahead
I am an enterprise, View prototype
I am a developer, View prototype
JTBD
Brief: Design a user interface for a talent management tool for Enterprise customers to identify talent internally and enable cross-functional talent movement.
Takeaways:
Pushes and pulls look promising
Anxieties could be verified after launching V1
The product was going to have to be analytical and data-driven for managers/CTOs and VPs of engineering
Inspirations
I looked into products that solve for a similar problem statement. Inspirations include:
Gloat
PluralSight
Takeaways:
Have a 2-3 level depth in the information architecture, not more that 3
Use of comprehensible graphics for visualising the data
Skill proficiency was a indicator for engineers in teams with a list of tech stacks they are specialised in
Information Architecture
Below is a Figjam embed from the early stages of the design phase. It includes precious snippets of customer feedback and how that shaped the content.
UI Designs
Finalised Pages
The most-challenging part of the project was UI. The team was figuring out the content as we went. Without clear definitions, I had to adapt to the ambiguity in the start-up environment, ensuring the team feels the design is flexible and improvements are always welcome :)
1.
This landing page includes a set of analytical information giving Managers and Engineering leaders an overview of the strength of their engineering teams
2.
Directory includes a list of all individual contributors in the company.
It needed to have extensive filtering options to be able to find any individual/ group of people.
3.
A profile page to dive deep into an individual engineer. Ideally includes tech stack and proficiency in each of the skills in the developers stack.
UI Evolution over the months
The most-challenging part of the project was UI. The team was figuring out the content as we went. Without clear definitions, I had to adapt to the ambiguity in the start-up environment, ensuring the team feels the design is flexible and improvements are always welcome :)
~~~~~~~~
As the sole designer on the team, I worked on many iterations for the pages (15 to be precise). It helped me solidify the idea and have faith in it as we developed in phases. Below, you will find the finalised product flow that helped pitch the idea and gain Beta partners.