FINAS Manpower Recruitment Corporation
Website Build · Homepage Directions
Internal review · July 2026
For review · 3 directions + 2 foundations

Three homepages.
One brand. Pick the base.

The FINAS Manpower website, built from the ground up. Each direction shares one design system – the FINAS logo, Archivo + Inter, royal blue and navy carrying the page with red for action and gold for the TAHANAN promise – and the same SOW sitemap, four-language top bar, and Messenger chat. What changes is how the tokens are spent. Click through, react with your gut, then we tighten the winner.

3
Homepage directions to review
1
Shared design system & component kit
1
SEO & GEO playbook for the content build
~5 min
To click through everything
How to use this review

Feel the mood, not every word.

Open each direction below in a new tab. Don't read line by line – react to the overall feel. Note what you'd want more of, less of, or borrowed across directions. Copy is drawn from the FINAS company profile and SOW; placeholders (licence number, phone, photos) get swapped once the client sends finals.

Homepage directions

Pick one base – we refine from there.

Same system, three theses. The top bar, nav, footer, and Messenger chat stay identical across all three so they read as one brand; the hero and structure carry the personality.

DIRECTION A

Quiet authority.

Editorial and trust-led. Light grounds, a type-led hero with the gold TAHANAN underline, a photo collage anchored by the DMW licence card, and the director's quote. The calm staffhouse lane – proof first, volume never.

Visual mood
Editorial · calm · credible
Hero
Type-led + photo collage
Colour moment
One navy TAHANAN band
Best for
Trust-first impression
TAHANAN underline DMW licence card Director quote Services grid QR team cards
View Direction A
finasmanpower.com.ph
Hover to scroll the preview ↓
DIRECTION B

Global stage.

A full-bleed navy hero with the animated route-network canvas, oversized gold numbers, photo-backed dual-track cards, and the gold director-quote band. The boldest lane – launch energy for the new management era.

Visual mood
Confident · bold · global
Hero
Navy route-network canvas
Saturated moment
Gold quote band
Best for
Relaunch energy & employers
Route canvas hero Gold stats + quote band Dual-track photo cards Industry tiles Employer steps
View Direction B
finasmanpower.com.ph
Hover to scroll the preview ↓
DIRECTION C

Jobs first.

The most functional lane: a job-search hero with popular-role shortcuts, an employer panel beside it, open roles high on the page with industry filters, the five-step process guide, and FAQs. Built for conversion on both tracks.

Visual mood
Practical · fast · direct
Hero
Job search + employer panel
Surfaced fast
Jobs, process, FAQs
Best for
Applications & inquiries
Job search hero Filterable job rows 5-step process Trust ribbon FAQ accordion
View Direction C
finasmanpower.com.ph
Hover to scroll the preview ↓
Foundations

The system every page is built from.

The design system and the search rulebook. Whichever direction you pick, these stay the shared backbone for the mock-ups and the WordPress build.

Design system

Colour law ("Blue carries. Red acts. Gold promises."), the Archivo + Inter scale, four-language typography with RTL, and the component kit – job cards, QR team cards, dual-track pattern. Mirrors css/tokens.css.

Open design system →

SEO & GEO playbook

How the site gets found on Google and in AI answers – the two-audience keyword play, four-language hreflang architecture, JobPosting schema for Google for Jobs, and the DMW-safe copy guardrails every page follows.

Open playbook →
Side by side

At a glance.

Dimension
A · Quiet Authority
B · Global Stage
C · Jobs First
Mood
Editorial · credible
Confident · bold
Practical · direct
Hero
Type-led + photo collage + licence card
Navy route-network canvas + gold stats
Job search + employer panel
Colour use
Whisper · one navy band
Navy-led · gold quote moment
Blue hero · navy why-band
Jobs surfaced
Mid-page, 3 cards
After services, 3 cards
Up high, filterable rows
Employer track
Hero link + CTA band
Dual-track + 4-step band
Hero panel, immediate
Best for
Trust & brand-building
Relaunch energy & employers
Applications & conversion
Our steer

Don't pick. Borrow.

You don't have to ship just one. Choose the dominant direction that gives the right first impression, then borrow the moves from the others that punch above their weight.

If you want a starting point: A as the trust-first base – in a category where "is this agency legit" is the first search, proof should be the first impression – with C's job search surfaced early so applicants reach real roles in one scroll, and B's gold stats moment for the confidence of the new-management era.

If we had to pick one
A, with C's jobs up front
  • Editorial trust base from A (licence card, director quote)
  • Job search + filterable roles surfaced early from C
  • One gold stats / quote moment from B
  • TAHANAN underline kept to one per page
  • Messenger chat + trust ribbon on every direction