Stakeholder proposal A private walkthrough of the greendoor.global revamp Not publicly broadcasted
A proposal for the team at Greendoor Global

We rebuilt the front door to Greendoor.

A complete digital revamp — designed to turn quiet visitors into nurses who apply and hospitals who partner. Below, we walk you through exactly how we did it — the brief, the strategy, the design system, and the technology. Read it through, and at the very end a door opens onto the live site.

See how we did it
2018 ethical recruitment, since 2 audiences, one door each 5 pages, server-rendered
01 — Where we started

A great company that the web wasn't doing justice.

Greendoor has placed exceptional Filipino nurses with U.S. health systems — ethically and end-to-end — since 2018. But a visitor landing online couldn't feel that story. It wasn't clear who the site was for, whether to trust it, or what to do next. So we started from the questions a real visitor asks in their first eight seconds.

Is this for me — a nurse, or a hospital?
Can I trust these people with my career?
What exactly happens next if I reach out?
Discover

Audited the old presence, the audience, and the competition. Two very different visitors — nurses and employers — were being asked to share one undifferentiated path.

Define

Set one job for the site: route each visitor to the right next step, and earn trust on the way there. Everything else serves that.

Design

Built a warm, editorial design system around a single metaphor — a green door — so the brand is felt, not just seen.

Build

Shipped it as a fast, server-rendered site with real, working contact and clear conversion paths — not a static mock-up.

Refine

Polished the details that drive trust: motion, accessibility, mobile-first layout, and instant, no-friction contact.

02 — The marketing strategy

Trust is the product. The site is built to prove it.

Recruitment is an act of trust — a nurse is wagering years of their life, a hospital its patient care. The strategy is to make that trust legible on every screen, and to remove every step between “interested” and “in touch.”

Two doors, one house

Nurses and employers are different people with different fears. Every page answers “is this for me?” fast — and the contact flow literally asks you to pick your door.

Transparency as marketing

Milestone-based pricing, 90% retention, real human replies in 48 hours. We lead with the proof points that competitors hide.

Story over brochure

Narrative-led, deep-browsing pages — journeys, success stories, the human behind the placement — instead of a thin feature list.

One clear action per screen

Apply, contact, or partner — never all three shouting at once. Each view has a single obvious next step.

Frictionless contact

A real working form that emails the team in seconds, with a promised 48-hour human reply. Interest is captured at the peak of intent.

Warm, not corporate

An earthy, editorial voice and palette that feels like people who care — because the brand’s whole promise is that they do.

03 — The design system

One metaphor, carried everywhere.

A consistent system makes a small company feel established. Ours is built on a single idea — the green door — expressed through type, colour, motion, and a mark that reappears from the favicon to the contact page.

Moss Ink Coral Sage Cream
Display · FrauncesAaEditorial warmth & authority
Interface · Instrument SansAaClean, modern, legible
Detail · JetBrains MonoAaLabels & technical accents

The door mark — a moss arch with a coral knob — is the connective tissue: it’s the logo, the favicon, the section accents, and the interactive Nurses/Employers chooser on the contact page.

04 — Under the hood

Fast, real, and built to last.

This isn’t a slide deck or a static prototype — it’s a working application. The technology choices all serve one goal: speed and trust, on the cheap to run and easy to maintain.

CodeIgniter 4 · PHP 8.2

Server-rendered pages — quick first paint, friendly to search engines, no heavy front-end framework to slow things down.

Mobile-first & responsive

Designed for the phone first — where most nurses browse — then scaled up. Every layout reflows cleanly from 360px to widescreen.

Performance by default

Minimal JavaScript, progressive enhancement, system-font fallbacks, and automatic cache-busting so updates ship instantly without stale styles.

Accessible & resilient

Semantic HTML, visible focus states, keyboard-navigable controls, and forms that work even before JavaScript loads.

A real contact pipeline

The contact form validates server-side and emails the team via SMTP / sendmail — configurable per environment, with a graceful fallback.

Crafted brand assets

A scalable SVG favicon and touch icons drawn from the door mark, so the brand looks sharp in every tab and on every home screen.

05 — Designed for engagement

Small moments that keep people moving.

Engagement isn’t a gimmick — it’s the absence of friction plus a reason to go one screen deeper. Here’s where the site earns its attention.

What we’re optimising for
Qualified inquiries
right audience, ready to talk
Bounce & confusion
clear “is this for me?”
48hHuman reply
captured at peak intent
1Obvious next step
on every screen

Targets for the revamp — the structure is built to move these, and they’re measurable once analytics are switched on.

The invitation

That's how we did it. Now step inside.

In one breath: we routed two audiences through one clear story, built a warm door-led design system, shipped it fast and real on CodeIgniter 4, and wired frictionless, working contact. The honest way to judge the work is to use it — so we'll let the door do the talking.

  1. 01 Strategy — trust made legible, one action per screen
  2. 02 Design — a single green-door system, head to toe
  3. 03 Build — fast, server-rendered, genuinely functional
  4. 04 Engage — living interactions that lower friction
Enter the newly designed website Click the door — it opens onto the live homepage