Sami Bentaleb Software engineer & designerContact

IC Personal Training n., a trainer’s site

A trainer in Lausanne and Geneva, whose every section ends at the same booking.

The site is in English and French, with the same pages in each. Two pages carry four services, three plans and both gyms, and every section ends at the same form: book a first consultation.

My part
Design and build
For
People looking for a personal trainer
Live site
Open the site

The problem

what the site had to do

The site a visitor reached was an unfinished blog template: placeholder text, a “we/our training center” voice, a trial session the trainer does not offer, a wrong Geneva address, and French left half-written. A visitor deciding in one visit, usually on a phone, had to find four services, three plans, two gyms and one form through it.

The home page of IC Personal Training: the headline “I coach one person at a time” over the lede and a Book a consultation button, beside a black-and-white photograph of the trainer in a gym.
Plate I. The home page: the claim over the lede, a Book a consultation button, and the switch between English and French in the head.

Constraints

what it had to work within

Every page is in English and French, and the two are kept in step, so a line added in one language cannot ship without the other. There is no database: a message becomes a row in the trainer’s own Google Sheet, and only there.

The home page on a phone: the trainer’s photograph filling the screen, the claim over it, then the lede and the Book a consultation button.
Plate II. The same page on a phone: the photograph fills the screen and the claim sits over it, with the menu in the head.

What I built

what the site does

  1. Every section ends at the same form

    A visit has one goal, a first consultation, and every section of the home page ends at the contact form. WhatsApp sits beside the form as the second way to reach the trainer.

    See Plate III.

  2. Two languages, page for page

    English sits at the bare address and French under /fr, page for page. Switching language keeps the visitor on the same page, and on the same section of it.

    See Plate I.

  3. A name made of nothing is refused

    A name made only of invisible characters is refused, so the form cannot be sent blank. Each rejection is translated, so it reads in the visitor’s own language.

  4. Four messages a day, counted once

    The form accepts four messages per address a day, and a message sent twice counts once. If the count cannot be checked, the form refuses the message rather than let a flood through.

The home page of IC Personal Training, where the clip starts: the claim over the lede and a Book a consultation button, beside a photograph of the trainer.
Plate III. A visitor scrolls to the plans, chooses Enquire beside In-Person Training and sends the form. A 23-second clip with no sound.
Cafe The Lucky Boots n., the next entry