From brief to launch — how I built a high-converting landing page for Leaderforma (as both AMOA(project manager) and developer)

#webdev #freelance #nextjs #typescript

A few weeks ago, the headmaster of Leaderforma — a management training center in Paris — reached out.

He had a clear goal:

"We offer high-quality management courses. But our online presence doesn't reflect that. Can you help?"

I said yes. But before writing a single line of code, I put on my AMOA (Maîtrise d'Ouvrage Applicative) hat.

Here's how it went — step by step.

🧠 Step 1 — AMOA: Understanding the real need

First, no tech. Just listening.

I sat down with the headmaster and asked:

Who exactly are you trying to reach? (busy professionals, HR teams, future leaders)
What do they feel when they visit your current site? (doubt? hesitation?)
What's the one thing you want them to do? (contact, enroll, trust)

We mapped out user journeys, priorities, and constraints.

That became our functional specification — the real north star.

📋 Step 2 — AMOA: Translating business into technical specs

Once the business needs were clear, I wrote the technical specifications:

Which sections? (courses, testimonials, contact, about)
What's the main call-to-action?
How do we measure success? (lead form submissions, clarity score)

I validated everything with the client before a single component was built.

No surprises. No "I thought you meant something else."

That's the power of AMOA.

🎨 Step 3 — Design with intention

With specs locked, I designed a clean, modern landing page that:

✅ Highlights their core management courses

✅ Builds trust with testimonials and clear program structures

✅ Guides visitors toward one clear action: contact or enroll

No fluff. No confusion. Just a smooth, professional experience.

💻 Step 4 — Development with quality

I built the page using:

React + TypeScript for a solid, scalable frontend
Responsive design — perfect on desktop, tablet, or mobile
Fast load times — because nobody waits for a slow page
Clean, documented code — easy for future updates

Every section tested. Every button double-checked.

✅ Step 5 — Validation & delivery (AMOA closing)

Before launch, I did a final acceptance session with the headmaster:

Does it match the specs? ✅
Does it feel like Leaderforma? ✅
Are we proud to share it? ✅

Yes, yes, and yes.

🚀 The result?

A landing page that:

📈 Captures leads more effectively
🧭 Guides visitors like a compass
🧡 Finally matches the quality of Leaderforma's real-world training

The headmaster's reaction?

"Now people see online what we actually offer in the classroom."

That's the win.

✨ Why I share this

Because building for a client isn't just about code.

It's about listening, translating, validating, and delivering something that works — for the business and for the user.

AMOA + Full Stack Engineering = no gray areas, just results.

Client: Leaderforma – Management courses in Paris

My role: AMOA (Project Management) + Senior Full Stack Engineer (design + development)