Joseign Logo

Blonk

Smarter Hiring Starts Here

We helped Blonk elevate their platform — with a redesigned dashboard, a revamped mobile app, and smooth animations that make recruitment feel effortless.

FitFuel redesign hero
  • UI/UX Design01
  • Mobile App Redesign02
  • Front-End Engineering03

User-first design and scalable front-end logic for both desktop and mobile.

Blonk logo

About

Blonk

Blonk is a job-matching platform that blends behavioral science, gamification, and AI to help candidates and companies find their ideal fit.

Recruitment & HR Tech logo

Industry

Recruitment & HR Tech

Operating at the cutting edge of recruitment innovation, Blonk focuses on human potential and company culture to drive smarter hiring.

Matching Purpose with People logo

Values

Matching Purpose with People

Blonk believes in more than just filling roles — it's about aligning vision, values, and behavioral chemistry between candidates and teams.

Hiring with Heart and Data logo

Vision

Hiring with Heart and Data

Blonk's vision is to revolutionize recruitment by combining deep human insights with a smooth, tech-first experience — making hiring smarter and more human.

/projects/blonk/final.png logo

Process

Services

  • - Dashboard Redesign
  • - Mobile App UX
  • - Interaction Design

Timeline

  • - Audit & Planning - 1 Week
  • - Design & Handoff - 2 Weeks
  • - Development Integration - 1 Week

Tools

  • - Figma
  • - Framer Motion
  • - React Native
  • - Next.js

Results

+%

Conversion Rate

+%

Page Speed

+%

Bounce Rate

The
Challenge

Blonk had a powerful core — a unique matching engine and scientific methodology — but the product UI didn’t reflect its potential. Users felt friction navigating the dashboard and mobile experience, with little visual feedback or polish.

Step 1

Audit the existing dashboard UX and define areas of cognitive friction, layout inconsistencies, and mobile breakpoints.

Step 2

Redesign both desktop and mobile flows with smoother transitions, clear hierarchy, and animated guidance through key actions.

Step 3

Implement component-driven design that’s scalable, accessible, and visually aligned with Blonk’s bold personality.

The 
3 Steps
Process

What We Did

We led the product redesign — from wireframes to motion design — modernizing how recruiters and candidates interact with Blonk across devices.

01. UX Audit & Architecture

01. UX Audit & Architecture

Mapped all flows for both user types (candidates & companies), and rebuilt the dashboard layout with cleaner logic and less visual noise.

02. Mobile App Redesign

02. Mobile App Redesign

Focused on onboarding, profile completion, and job matching flows. Designed interactions that reward actions, with subtle motion for feedback.

03. Component System & Motion

03. Component System & Motion

Created a reusable component system in Figma and added Framer Motion for animations — improving perception of speed and user satisfaction.

04. Developer Handoff & Support

04. Developer Handoff & Support

Worked with devs to hand off responsive design tokens, motion specs, and support integration using React and Next.js for the web, and React Native for mobile.

The Results

Laptop frame

Blonk’s experience needed to match its innovation. We made that happen giving users a sleek, intuitive platform that feels just as smart as the tech behind it.

Got a bold idea ?
Let‘s bring it to life.

From SaaS dashboards to mobile apps — let’s build products that delight, guide, and convert.