AI Talent Assessment & Interview Notetaker

The AI landscape is crowded, making it hard for new tools to earn user trust. Together, we solved two challenges: redefining the visual strategy and expanding the web application with a new feature set. We built a solid design system, added custom AI illustrations, and launched a high-conversion landing page. As a result, the startup claimed a clear niche in the market, providing a structured and transparent user journey for every talent acquisition specialist.
  • Brand Design

  • User Interviews

  • Web App Design

  • Landing page

<4
Week to concept
search icon
+19
Features created
time icon
+15
Users interviewed
search icon
Web app screen: Video recording and Score cards
Web app screen: Candidate report
Web app screen: Sign In
Landing page main screen
Aimed at HR specialists and hiring managers, the visual language combines a friendly office-fish character that humanizes the AI technology, making it feel more approachable.
A brand identity and web application design showcase for an AI talent assessment platform
Contents

Timeline

We followed a flexible, adaptive process designed to surface insights early and iterate quickly.
Project timeline showing phases from research and analysis to branding, website and product design.

About Project

By aligning user pain points with business metrics, we established criteria to validate and continuously measure design success.
Project description showing problems, solutions, and ROI metrics.

Web App Design

The user journey begins with an interactive product tour that streamlines account setup, helping recruiters start their first assessment right away.
Web application screen showing onboarding setup interface.
Web application screen showing Google Calendar setup interface.

Product Onboarding

Users can explore a product demo, experiencing the features through a candidate profile preloaded with sample interview data.
Web application screen showing candidate's skillset and green flags.
Web application screen showing detailed skill evidence breakdown.
Web application screen showing tech interview video recording and scorecards.
Web application screen showing AI suggested scorecard descriptions.

User Interviews

We conducted 15 usability testing sessions with active users to gather direct feedback on the current product experience.
User persona card showing pain points and preferences for a talent acquisition role.
User persona card showing pain points and preferences for a hiring manager role.

User Flow

Using our research insights, we mapped out an optimized user flow designed to streamline the journey and eliminate usability friction.
A flowchart showing an user flow improvements for scorecards.
Scorecards flow example

Landing Page

The landing page is designed to convert visitors into active users by demonstrating how the AI technology simplifies talent assessment.
AI Talent Assessment landing page featuring custom character illustrations and interview video features.
A landing page screen showing main features breakdown.
A landing page screen showing social proof blocks.

Features Sections

Users can explore the core product features, previewing how the platform analyses interview records and scores the candidates.
A landing page screen showing a debrief feature.
A landing page screen showing a custom reports feature.
A landing page screen showing a live coding analysis feature.

Call to Action Sections

To turn interest into action, the page concludes with two distinct conversion paths: booking a personalized demo or starting a free trial.
A landing page screen showing a CTA block offering to book a 15-minutes call.
A landing page screen showing a CTA block offering to try product for free.

Error Page

The 404 page extends the brand’s office-fish theme, softening user irritation while offering an obvious, single-click recovery journey.
A landing page screen showing a 404 error page with a silly fish illustration.

Mobile Adaptive

The mobile layout delivers a seamless presentation that preserves structural hierarchy and drives on-the-go engagement.
Mobile adaptive mockups for Orfi landing page showing the main page and feature blocks.
Mobile adaptive mockups for Orfi landing page showing feature blocks and CTA sections.

Brand Design

We crafted the visual language to look professional and trustworthy, ensuring it's tightly aligned with core business needs.
Two pages from the brand guide showing the cover and the table of contents.
Two pages from the brand guide showing colors and typography.
Two pages from the brand guide showing brand personality and values.
Two pages from the brand guide showing brand character and tone of voice.

Brand Images

We introduced a set of illustrations styled as hand-drawn sketches to reflect the playful vibe of the existing logo. They were designed to build brand recognition across the product.
Brand orange icons styled as craft doodles.

Brand Illustrations

We generated a set of AI illustrations introducing a friendly office-fish character, aiming to make the AI technology feel more approachable.

Social Media

The client asked for a witty twist, so we leaned into playful humor with a series of LinkedIn banners inspired by classic dad jokes. Today, prospects instantly recognize the brand on sales calls: "Oh, it's that company with the fish!" 
Two covers example for LinkedIn featuring doodle fish in orange color, and shrimps in purple.
A final slide of a sales presentation with a doodle fish brand character holding a cup and walking away.
An open white envelope with an orange fish representing the brand's logo.
view more

SUCCESS STORIES

let's chat

By clicking, you accept our privacy policy and consent to data processing