Concept build · Dubai

Corvale College Dubai A college website design for Dubai, a concept build

Open the live site Plan a site like this

Corvale College Dubai is a fictional private college in Al Barsha South with schools of business, computing and design, and this homepage shows what we would build for a college in Dubai. The college is invented, but a student or parent using the page would find the fees, dates and visa process without having to ask: the programme finder, intake countdown, fee estimator in AED, visa steps and open day form all respond.

A concept build: Corvale College Dubai is a fictional brand we created to show how we design and build a college website for Dubai. It is not a client and not a real company; our client work is on the work page.

The complete homepage, live

Both frames run the real site. Scroll inside them, try the programme finder with school tabs you can move through by keyboard, level and start-date filters, live counts per school and a status line read out to screen readers, or open it in a new tab.

Desktop, 1440 px wide. Scroll inside the frame to move through the live homepage.Tap the picture to open the live site.

Phone, 390 px wide. Live and scrollable.

How we designed a college website for Dubai

Fees and dates up front
Applicants weigh private colleges side by side, and the parents who pay want hard numbers. So every programme's tuition sits on the homepage in AED, with its full length and what the fee does and does not cover, next to an estimator that works out each instalment. The intake dates are on the page too, with a countdown to the closing date in Dubai time.
Written for international applicants
Many applicants move to Dubai to study and need a student residence visa. The page sets out the process as five plain steps, from paying the deposit to the Emirates ID and residence visa, and says clearly that the UAE authorities set the rules and that they change. A side note covers students already living in the UAE on a family visa.
Calm, with one accent
No gold, no glossy campus renders: Corvale is white and warm limestone blocks, charcoal for the footer and closing band, and a single cobalt accent taken from the campus door in the hero photograph. Schibsted Grotesk carries the headlines, Newsreader italics carry the dean's note, and the Arabic name is set beside the wordmark.
Check us before you trust us
That is the accreditation section's own headline. In the UAE a college needs a permit to operate and academic approval for its programmes, so the section gives each its own slot, built to hold the reference number, the issuing authority and a link a student can follow to check it. For this fictional college both slots stay empty, with a line saying why.

What the homepage includes

Hero and key facts
Programme finder
Intakes and dates
Entry requirements and apply steps
Fees and fee estimator
Accreditation and permits
Visa steps for international students
Campus life
Careers support
Dean's note
Open day registration
Questions and closing apply band

Features and interactions

Programme finder with school tabs you can move through by keyboard, level and start-date filters, live counts per school and a status line read out to screen readers
Intake toggle for January and September 2027, with a live countdown to the closing date in Dubai time that also rewrites the closing headline and the phone apply bar
Fee estimator for all nine programmes: pay per year or per term, a 10 per cent sibling discount, and each instalment and the total in AED
Student visa stepper in five steps, one open at a time, with a cobalt rule that grows to the open step
Open day sign-up offering three Saturday dates and a programme list, which in the demo goes nowhere
Full-height phone menu that closes with Esc and keeps focus inside, plus a slim apply bar that shows on phones after the hero
Section headings that lift into place line by line, held still when the visitor's settings ask for reduced motion

The whole page, top to bottom

Desktop at 1440 px, the full homepage. Scroll the picture, or open the full screenshot.

Phone at 390 px, the full homepage. Open the full screenshot.

Palette and type

White #FFFFFF
Limestone #F3F2EE
Charcoal #1C1D1F
Cobalt #1E3FD8
Hairline #DAD8D2

Type: Schibsted Grotesk, Newsreader, IBM Plex Sans Arabic.

Languages: English.

How it is built

Hand-built HTML, CSS and JavaScript, no framework
GSAP 3.15.0 with ScrollTrigger and SplitText
Lenis 1.3.26 smooth scrolling
Photographs generated with Higgsfield (Nano Banana Pro), served as WebP, with AVIF for the hero
Schibsted Grotesk, Newsreader and IBM Plex Sans Arabic from Google Fonts
About 590 KB on desktop and 365 KB on a phone, measured on our machine on 27 Oct 2026

Need a college website like this?

We design and build sites like this one for real businesses, with your brand, your photographs, your prices and the forms wired to your team. See what goes into college websites, our web development service, our website prices and how we work with businesses in the UAE, or browse every concept build.

Questions

What should a private college website in Dubai include?

The programmes by school and level, the entry requirements, the intake dates and the fees come first. Parents and international applicants also look for the college's licence and programme accreditation, linked to the authority that issued them, and for a clear account of the student visa process. Campus life, careers support and a way to book an open day help a student decide whether to apply.

How should a college website in Dubai explain the student visa?

As a short run of steps, from accepting the offer and paying the deposit to the medical test, the Emirates ID and the residence visa, with a note on who sponsors the student. Say clearly that the UAE authorities set the rules and that they change, and link to the official source rather than repeating fees that may go out of date. Students already living in the UAE on a family visa need a short note of their own.

What makes a good open day sign-up on a college website?

Real dates with start and finish times, the campus address and how to get there, and a short outline of the day, such as talks by each school and a walk round the campus. The form needs little more than a name, contact details, the programme of interest and the chosen date, with an option for a parent to come along. A reminder the day before helps more of the people who signed up actually arrive.