Drupal → Next.js · live in 48 hours

How Amity Executive Education was redesigned, rebuilt and live in 48 hours

Amity Executive Education offers leadership, AI, finance and entrepreneurship programmes for working professionals. During its rebrand from Executive Varsity, the Drupal site had to be replaced before a fixed launch date. Filari studied the old site and the client's layout, planned the work in parallel streams, and moved everything to Next.js and Strapi in 48 hours.

Earlier Executive Varsity homepage on Drupal
New Amity Executive Education homepage built on Next.js
  • Next.js
  • Strapi CMS
  • CRM API
  • Payments
  • GTM
Problem
01

A rebrand with the launch date days away

A rebrand from Executive Varsity, new programmes, and a Drupal site that could not change fast enough, with a launch date days away.

Solution
02

Redesign and rebuild on Next.js and Strapi

Filari styled the client's layout into a full design and rebuilt the site on Next.js and Strapi, with leads, payments and an admissions dashboard.

Result
03

Designed in a day, live in 48 hours

The redesign was ready within a day and the complete platform was live within 48 hours.

48hFrom brief to live site
7Programmes migrated
30+Faculty profiles in the CMS
4 + 3Question finder · 3-way compare

Project snapshot

A rebrand, a Drupal to Next.js migration and a new admissions flow, delivered together

Amity Executive Education
Client
Amity Executive Education (formerly Executive Varsity)
Industry
Education > Executive Education
Project type
Redesign and Drupal to Next.js migration
Filari's role
Design, build, content migration, CRM leads, payments, admissions dashboard
Technology
Next.js, Strapi, CRM API, payment gateway, Google Tag Manager
Timeline
48 hours, brief to live
The brief

A new brand, a Drupal site and a launch that could not wait

In education, a rebrand rarely waits for the website. Amity was renaming Executive Varsity to Amity Executive Education and adding programmes in leadership, AI, finance and entrepreneurship. The earlier site ran on Drupal. The client shared the layout they wanted and needed the new site live urgently, so Filari's team took on the whole job at once: design, front end, CMS, content migration, leads and payments.

Before · Executive Varsity on Drupal
  • Dark theme, heavy imagery, long scrolling pages
  • Programme updates needed a developer
  • Visitors browsed lists to find a fit
  • No side-by-side comparison
  • Enquiries handled outside one system
After · Executive Education on Next.js
  • Light, editorial design styled from the client's layout
  • Programmes, faculty and events managed in Strapi
  • Four questions give a shortlist with reasons
  • Up to three programmes compared side by side
  • Every enquiry sent to the CRM with consent
Old site → new site

A new face, and a new engine underneath.

Drag the handle to compare the Drupal homepage with the Next.js rebuild. Press Drive the tour and both pages scroll together, section by section, while the panels show what changed in the technology underneath.

Executive Varsity · earlier siteDrupal
Earlier Executive Varsity homepage on Drupal: dark theme, programme carousel, faculty row and a request-a-call form
Next.js · Strapiamityexecutiveeducation.com
New Amity Executive Education homepage on Next.js: light editorial design, programme finder, compare, faculty and a consent-first enquiry form

Scroll over the screen to move through both homepages together, drag the handle to compare, or press Drive the tour. Keyboard: focus the handle and use the arrow keys.

PlatformDrupalNext.js + Strapi, headless
Content changesNeeded a developerAmity's team publishes in Strapi
Finding a programmeBrowse the lists4 questions, a reasoned shortlist
EnquiriesOutside one systemCRM by API, with consent

More pages, before and after

Before · DrupalAgentic AI programme page
Earlier Executive Varsity programme page for Business Management and Agentic AI
After · Next.jsPGP LEAP programme page
New programme page for Leadership and Executive Acceleration
New · Next.jsCompare up to three programmes side by side
Compare programmes page showing three programmes side by side

Scroll inside a screen with your mouse, trackpad or finger. With Sync scroll on, the old and new pages move together. Auto-scroll is off until you switch it on.

For CTOs · under the surface

What changed in the technology, read as a diff

Visitors see the redesign. Underneath, the stack moved from one Drupal system to a headless setup: a Next.js front end, Strapi for content, and APIs to the CRM and the payment gateway. Here is every change, with a note on why it matters to the people who run the site.

amity-executive-education / stack.diff+12−6
@@architecture
−Before: Drupal CMS behind the earlier site
+After: Headless: Next.js front end, self-hosted Strapi CMS behind it
// design and content can change without touching each other
@@rendering
+After: Next.js App Router with React Server Components, built with Turbopack
// pages reach browsers and search engines as ready HTML
@@content
−Before: Programme updates needed a developer
+After: Programmes, 30+ faculty profiles, events and FAQs edited in Strapi
// the Amity team publishes on its own schedule
@@migration
+Added: Every programme, profile, page and form mapped to a Strapi content type before the move
// nothing left behind, and every programme follows one structure
@@discovery
−Before: Visitors browsed lists to find a fit
−Before: No side-by-side comparison
+After: Four-question programme finder with a reasoned shortlist
+After: Compare up to three programmes side by side
// the decision happens on the site, not in a spreadsheet
@@leads
−Before: Enquiries handled outside one system
+After: Consent recorded, then each enquiry sent to the CRM by API
// no lead waits in an inbox
@@admissions
+Added: Payment gateway, with callbacks that update each application
+Added: Admissions dashboard for enquiries, applications and payments
// admissions follows up the right applicants first
@@design + media
−Before: Dark theme, heavy imagery, long scrolling pages
+After: Light editorial design system, images optimised through next/image
// each device downloads an image sized for its screen
@@analytics
+Added: Google Tag Manager events for enquiries, finder completions and programme views
// marketing can see what works from day one
@@reach
+Added: For Enterprise page and MasterTrack subdomain on one design system
// one brand, several doors for different buyers
Deployed to production · 48 hours from briefdrupal → next.js + strapi
Technology changes from the Drupal site to the Next.js and Strapi rebuild, shown as a code diff: removed items marked before, added items marked after.
How we delivered it

48 hours, one focused team

The client had a firm launch date. Filari's full team worked on the project in parallel, with design, front end, CMS and integrations moving at the same time instead of one after another. Speed did not mean skipping steps: every page was reviewed and tested before launch.

Day 1 · Morning

Brief and audit

Client layout reviewed. Drupal site audited for programmes, faculty, pages and forms to carry over.

Day 1 · Afternoon

Design system

Layout styled into a full design: type, colour, programme cards, tables and forms.

Day 1 · Evening

Redesign ready

Every key page designed and approved within the first day.

Day 2 · Build

Next.js + Strapi

Pages built in Next.js, content types set up in Strapi, content migrated from Drupal.

Day 2 · Connect

Leads and payments

Enquiry form wired to the CRM, payment gateway integrated, admissions dashboard connected.

Day 2 · Launch

Tested and live

Forms, payments, mobile layouts and SEO checked. Site live within 48 hours.

Signature feature

Four questions. A shortlist with reasons.

"Find my programme" asks about the visitor's goal, experience, preferred format and focus area. It returns a short list of programmes, each with the reason it fits, and links to compare them or talk to admissions.

Alongside it, "Compare programmes" puts up to three options side by side: duration, format, immersions and outcomes.

Question 1 of 4

What do you want to achieve?

Step into leadershipApply AI in businessBuild a brandMaster markets
Your shortlist
Business Management & Agentic AIFits your AI goal
PGP LEAPFits your experience
Women Leadership ProgrammeFits hybrid format

Illustration · not a live screen

What we built

The whole bundle, end to end

01

Programme catalogue with filters

Leadership, AI, finance, entrepreneurship, immersion, undergraduate

Seven programmes, from a 15-day East Asia immersion to a 3-year BBA, each card showing duration and format so visitors can scan in seconds.

02

Programme finder

Four questions to a reasoned shortlist

A guided flow that replaces browsing with a short list, each result explaining why it fits.

03

Compare programmes

Up to three, side by side

Duration, format, immersions and outcomes in one view, so the decision is made on the site, not in a spreadsheet.

04

Enquiry form and leads integration

Every enquiry reaches admissions

Name, email, phone, work experience, programme of interest and goals, with explicit consent. Each enquiry is sent to the CRM through an API for follow-up.

05

Payment gateway integration

Fees paid online

Applicants pay online through an integrated gateway, with payment status tied to the application and a published refund policy.

06

Admissions dashboard

One view for the admissions team

Staff see enquiries, applications and payments in one admin area and move each applicant to the next step.

07

Strapi CMS for programmes, faculty and events

No developer for content changes

Programmes, 30+ faculty profiles, the Life at AEE gallery and FAQs are all managed in Strapi and published straight to the site.

08

Enterprise, MasterTrack and SEO

One brand, several doors

A For Enterprise page for company buyers, a MasterTrack subdomain, clean programme URLs and analytics through Google Tag Manager.

Under the hood

Next.js in front, Strapi behind, integrations around it

The front end is a Next.js application. Content comes from a self-hosted Strapi CMS and images are optimised through Next.js. Leads go to the CRM by API, payments run through an integrated gateway, and the admissions dashboard ties them together.

Why Next.js

Search-friendly pages that load fast, with automatic image optimisation for a photo-heavy site.

Why Strapi

Structured content types for programmes, faculty and events, so the team edits content without touching code.

Consent-first lead capture

Every form records consent before an enquiry is sent to the CRM by API.

Payments tied to applications

Gateway callbacks update the application, so admissions always sees who has paid.

One brand, several properties

Main site, MasterTrack subdomain and enterprise page share one design system and CMS.

Measured from day one

Google Tag Manager tracks enquiries, finder completions and programme views.

Inside the build

Two decisions and two hard problems

We chose

A rebuild on Next.js and Strapi

Over

Restyling the existing Drupal site

Because

Programme updates on Drupal needed a developer. Structured content in Strapi lets the Amity team publish programmes, faculty and events themselves, and Next.js serves fast, search-friendly pages.

We chose

Design, build, content and integrations in parallel

Over

Finishing design before starting the build

Because

The launch date was fixed. Running the streams together had the redesign approved on day one and the full platform live on day two, with every page reviewed before launch.

Challenge

Programmes, 30+ faculty profiles, pages and forms all lived in Drupal.

Solution

The Drupal site was audited on day one, and every item was mapped to a Strapi content type before it was migrated.

Why it mattered

Nothing was left behind in the move, and every programme follows the same structure.

Challenge

Admissions needed to know who had enquired, applied and paid, across separate systems.

Solution

Enquiries go to the CRM by API with consent, and gateway callbacks update each application. The admissions dashboard shows both.

Why it mattered

The team works from one view and follows up the right applicants first.

What we learned

A 48-hour migration is possible when the content is mapped before the build starts. Most of the risk in a Drupal to Next.js move sits in the content and the forms, not the design. Auditing those first let design and build run side by side without rework.

Guide

How to build an executive education website

If you run executive programmes, a business school or a university continuing-education unit, these are the parts that mattered most on this project, and what we would recommend for yours.

1

Start from how executives decide

Busy professionals want a fit, not a catalogue. Put a short programme finder and a comparison tool near the top of the site.

2

Model programmes as structured content

Duration, format, eligibility, fees, immersions and curriculum should be fields in a headless CMS such as Strapi, so every programme page and comparison stays consistent.

3

Use a fast, search-friendly front end

A Next.js website renders pages ready for Google and optimises images automatically, which matters on photo-heavy education sites.

4

Make every page lead to admissions

One clear enquiry form with consent, sent to the CRM by API, so no lead waits in an inbox.

5

Take payments online

Integrate a payment gateway and link each payment to the application, with a published refund policy.

6

Plan the migration, not just the design

Moving from Drupal to Next.js is mostly a content job: map every programme, faculty profile and URL before you build, and keep redirects in place.

FAQ

Questions about executive education websites

It depends on the size of the site. For Amity Executive Education, Filari redesigned the site within a day and had the full Next.js and Strapi platform live within 48 hours, because the whole team worked in parallel on design, build, content and integrations.

Start with a programme finder and comparison tool, model programmes as structured content in a headless CMS, build a fast Next.js front end, send every enquiry to your CRM and take fees online through a payment gateway.

It should help a working professional find the right programme quickly, compare options and speak to admissions. Amity Executive Education's site has a four-question programme finder, a side-by-side compare tool for up to three programmes, and an enquiry form that sends leads straight to the admissions team.

Next.js serves fast, search-friendly pages and optimises images automatically. Paired with Strapi as a headless CMS, the Amity Executive Education team can publish programmes, faculty and events without a developer, while the front end stays fast.

The visitor answers four short questions about their goals and situation. The site returns a shortlist of programmes with the reasons each one fits, and links to compare them or talk to admissions.

Yes. Filari integrated a payment gateway so applicants can pay online, with payment status recorded against their application and visible to the admissions team.