How to source and shortlist {role_name}

Where can you find qualified {role_name}?

  • Professional networ
    • Leverage your professional network and reach out to former colleagues, industry peers, and tech community members to ask for referrals.
  • Educational Institutions:
    • University Career Centers: Contact local universities with strong computer science or design programs to access recent graduates or alumni.
  • Company Career Pages:
  • Your Own Website: Maintain a well-organized career page with current openings, company culture, and application instructions.
  • Role-Specific Job Boards:
    • US:
      • AngelList: Focuses on startup roles including UI Developers.
      • Stack Overflow Jobs: Known for tech-related positions.
    • India:
    • UAE & KSA:
      • Bayt: Widely used in the Middle East for various roles including UI Developers.
      • GulfTalent: Job board for positions in the Gulf region.
      • Whitecarrot.io
    • Remote Positions:

What are the best practices for headhunting {role_name}?

  • Leverage Online Portfolios: Look for candidates with strong online portfolios that demonstrate their UI skills and previous work.
  • Network at Industry Events: Attend tech conferences, meetups, and webinars to connect with potential candidates.
  • Use Referrals: Reach out to your professional network and current employees for recommendations.
  • Offer Competitive Benefits: Highlight unique aspects of your company culture and benefits that can attract top talent.

How to shortlist candidates?

Once you have started to get applications from applicants, a thorough screening process and shortlisting of prospects will help you make the most of your time spent with the most qualified ones. 

Automated shortlisting tools :

Automated screening quickly filters out unqualified candidates, saving time for manual review. This allows the manual process to focus on the most promising candidates, ensuring the best ones are considered for further evaluation.

Screening questions to auto-shortlist based on predefined criteria

like qualifications, location, experience, and skills. Either use job board or use an ATS such as whitecarrot. Here are some questions for {role_name}

  • Experience with Specific Skills/Technologies:
    • Question: How many years of experience do you have with JavaScript?
      • Auto-Reject Criteria: Less than 2 years.
    • Question: How many years of experience do you have with React?
      • Auto-Reject Criteria: Less than 1 year.
  • Location:
    • Question: Are you located within [specified location] or willing to work remotely?
      • Auto-Reject Criteria: Not willing to work remotely if the role is remote.
  • Experience in Related Technologies:
    • Question: How many years of experience do you have with CSS frameworks (e.g., Bootstrap, Tailwind)?
      • Auto-Reject Criteria: Less than 1 year.

Skill based question to auto shortlist candidate

Analyze the skill test data to automatically shortlist top-performing applicants. (recommended screening test time - 15 minutes). Here are some skill test questions for {role_name}

HTML/CSS

  • Question 1: What is the purpose of the z-index property in CSS?
    • a) To define the stack order of elements
    • b) To set the width of elements
    • c) To align text
    • Answer: a) To define the stack order of elements
  • Question 2: How do you create a flex container in CSS?
    • a) display: grid;
    • b) display: flex;
    • c) display: inline-block;
    • Answer: b) display: flex;
  • Question 3: What is the correct HTML element to define important text?
    • a) <b>
    • b) <strong>
    • c) <i>
    • Answer: b) <strong>

JavaScript

  • Question 1: What does the this keyword refer to in JavaScript?
    • a) The global object
    • b) The function that this is in
    • c) The object the method is called on
    • Answer: c) The object the method is called on
  • Question 2: How can you add an item to an array in JavaScript?
    • a) array.add(item);
    • b) array.push(item);
    • c) array.insert(item);
    • Answer: b) array.push(item);
  • Question 3: What is the purpose of the map() method in JavaScript?
    • a) To filter items in an array
    • b) To transform items in an array
    • c) To sort items in an array
    • Answer: b) To transform items in an array

Responsive Design

  • Question 1: What is a media query in CSS?
    • a) A method to query the media player
    • b) A tool for designing for different screen sizes
    • c) A property to set text color
    • Answer: b) A tool for designing for different screen sizes
  • Question 2: What does the @media rule do in CSS?
    • a) Applies styles based on device conditions
    • b) Sets the background color
    • c) Defines animations
    • Answer: a) Applies styles based on device conditions
  • Question 3: How can you make a website layout responsive?
    • a) Use fixed widths for all elements
    • b) Use flexible grids and media queries
    • c) Use large images
    • Answer: b) Use flexible grids and media queries

Note - Auto reject candidates if scores less than 70% in this section

One way video interview

Recruitment Bullet

Use tools like hirevue, whitecarrot.io to ask candidates pre-recorded questions about their experience and skills.

Recruitment Bullet

Use sample question given in scorecard.

Collect other information 

Recruitment Bullet

Collect data from shortlisted candidates, such as salary expectations and visa status.

Manual candidate profile shortlisting:

Recruitment Bullet

Thoroughly review the CVs of the top scoring candidates from the automated process

Recruitment Bullet

Look for evidence of the required skills, experience, and achievements

Recruitment Bullet

Review the candidate’s portfolio or GitHub repositories to see examples of their work.

Schedule recruiter calls with the candidate

Recruitment Bullet

Use a tool like calendly or whitecarrot to allow candidates to self-schedule calls based on your availability

Recruitment Bullet

Confirm the call details (date, time, dial-in info) with the candidate via email

What questions to ask in the recruiter phone screen?

Recruitment Bullet

 Use scorecard for rating candidates for recruiter

Recruitment Bullet

Sample scorecard : 

Criteria Sample Question Rating (1-5) Comments
Technical Skills How many years of experience do you have with JavaScript?
Problem-Solving Ability Can you describe a challenging UI problem you solved?
Creativity Provide an example of a creative UI design you implemented.
Communication Skills How do you explain technical issues to non-technical team members?
Attention to Detail How do you ensure the accuracy of your UI designs?
Recruitment Bullet

Check for consistency in responses from the candidates.

Recruitment Bullet

Record such scorecards in an ATS like whitecarrot or use google doc