Rhivon Technologies Logo
Recruitment & Staffing · Website

One Homepage for Two Audiences: Hiring Companies & Job Seekers

A modern Next.js rebuild for a global talent solutions firm that sends employers and candidates to the right place in one click.

Client
Global Talent Firm
Industry
Recruitment & Staffing
Core Tech
Next.js & TypeScript
Deliverable
Corporate Website

Project Overview

A Clear, Credible Home for a Global Talent Firm

The client has spent nearly three decades placing talent with enterprise employers, including many Fortune 500 companies. Its work covers staff augmentation, direct placement, talent development, a global remote talent platform and Global Capability Center (GCC) setup in India, across banking and financial services, healthcare and life sciences, telecom, media and technology, and energy.

We rebuilt the firm's website on a modern Next.js stack. The new site gives its services, industries and credentials a clear, credible home, and routes each audience to the right next step from the first screen.

Our role: UX & UI design, front-end development, motion and a fully responsive build.

Services Delivered

UX PlanningUI DesignFront-End DevelopmentMotion DesignResponsive BuildType SystemPerformance Optimisation

The Challenge

Two Audiences, One Dated Template

A hiring manager wants proof that the firm can deliver. A candidate wants to find a role quickly. The previous site looked dated and didn't separate those paths. The brief was to:

Route Both Audiences

Send employers and job seekers to the right next step from the first screen.

Simplify the Offering

Present five service lines and four industries without overwhelming visitors.

Bring Credibility Forward

Surface client numbers, awards and candidate reviews.

Premium on Every Screen

Look and feel premium on phones as well as desktops, including the hero video.

Modern, Maintainable Code

Move to a codebase that can grow into a full multi-page site.

Our Approach

A Homepage Planned as One Scrolling Story

Each section answers one question a visitor is likely to have, in the order they tend to ask it.

01

Split-Path Hero

A full-screen brand video with two clear cards: "Find Amazing Talent" for companies and "Find Your Dream Job" for job seekers.

02

Services at a Glance

Every service line in one scannable row, each with an image and a one-line promise.

03

Proof in Numbers

The brand's belief statement paired with headline figures and a diversity award.

04

Mission

A short statement about human connection, framed by an animated photo collage.

05

Industries

An accordion that shows one sector at a time with its own imagery.

06

Awards, Reviews & Footer

Third-party recognition and candidate testimonials, then a full sitemap with the same two calls to action.

Platform Capabilities

Key Features

Details that make the site work for both audiences on every device.

Separate Video Cuts per Screen

Landscape video on desktop, portrait on mobile. A light loader always clears within five seconds.

CTAs That Stay in Reach

Floating "Find Talent" and "Find a Job" buttons appear once visitors scroll past the services.

Scroll-Triggered Animation

Stats and the mission collage animate in once, adding energy without getting in the way.

Mobile Navigation Built for Depth

20+ destinations in a slide-in panel with expandable groups and scroll lock.

A Refined Type System

A classic serif with a clean geometric sans on a calm teal palette, with fluid type sizes.

Performance by Default

Responsive, lazily loaded images and self-hosted fonts stop layout jumping as the page loads.

2
Audience Paths
5
Service Lines
4
Industries
3
Responsive Breakpoints

Engineering

Why These Choices

Next.js App Router

Fast page loads and SEO-friendly rendering, ready to grow into a multi-page site.

TypeScript

Safer changes as the content and team grow.

CSS Modules & Tokens

Scoped, predictable styles with one source for brand colours.

Next.js Image & HTML5 Video

Right-sized images for every device, and video that autoplays on mobile.

Technology

The Stack

Framework
Next.js (App Router), React
Language
TypeScript
Styling
CSS Modules, design tokens
Media
Next.js Image, HTML5 video
Typography
Google Fonts via next/font (self-hosted)
Responsive
Breakpoints at 1100, 768 and 480px

Project Outcome

The Outcome

A modern homepage that matches the firm's standing and is ready to grow into service, industry and careers pages.

Clearer Conversion Paths
Employers and candidates each have a dedicated route from the first screen through to the footer.
Stronger Credibility
Client figures, awards and reviews now appear on the homepage.
Built to Scale
A typed, component-based codebase makes new pages and sections quick to add.

Built For

Recruitment & Staffing Firms
Workforce Services Companies
Businesses With Multiple Audiences
Firms Replacing Template Sites
Questions

Frequently Asked Questions

Planning a New Website for Your Business?

We design and build fast, credible websites that send every visitor to the right next step.

Start a Conversation