05 / 17Capital Hotel School · Pretoria · for Heartland · 2026

CHS Residence: pick your bed, then apply for the lease.

Student rooms on the Capital Hotel School campus, for the 2027 intake. A student picks an apartment, then a bed on the plan, and reserves it. They land straight in the lease application, with their bed and their details already filled in.

Apartments, female and male
6
Beds on the plan
30
Steps in the lease application
6
Payer paths: private or bursary
2
CHS Residence page hero
CHS Residence on mobile
01 · The brief
Students and parents needed to see which beds were still free, pick one, and apply, without a back-and-forth by email. The application had to work for students paying privately and for those on a bursary.
02 · The system
Beds live in the Webflow CMS. The selector shows each apartment and its beds. Reserving a bed sends the student to the lease application with their selection (apartment, bed, room type, gender, monthly rent) locked in and their name, number and email already filled. The application is a multi-step form that branches on who pays the rent and saves progress as you go.
02

Pick an apartment, then a bed

Bed selector
Choose your spot: apartment and bed selector
Each dot is a bed: open or reserved. Filter by female or male apartments, then tap a bed on the plan to see its room, size and monthly rate.
03

The lease application, step by step

Multi-step form
  1. Lease step 1: student details, with the reserved bed and the student details carried over (test applicant)

    The reserved bed arrives locked in, with the name, number and email from the reservation. (Test applicant shown.)

  2. Lease step 2: room details, move-in date and parking

    Rates, a sharing partner if there is one, move-in date and parking.

  3. Lease step 3: who pays the rent, a private individual or a bursary

    A private payer or a bursary: the form branches here.

  4. Lease step 4: the person responsible for rental payments (test details)

    The person responsible for the rent.

  5. Lease step 4, bursary path: the institution and what it will pay (test details)

    Or the institution, and what it will cover, then a parent or guardian.

  6. Lease step 6: credit-reference consent, signed and dated

    Credit-reference consent, signed and dated, then submit.

04

Under the screenshot

System
  1. Webflow CMS

    apartments · beds

    status · rates

  2. Bed selector

    apartment → bed

    on the plan

  3. Reserve

    bed + details

    redirect to the lease

  4. Lease application

    Formly · 6 steps

    private or bursary

  5. Webflow form

    submission

    to LeadConnector

05

The page around it

Design
Student life section
Room types and monthly rates