Skip to content

Concept build · Manama

Fasht Institute Training institute website design for Manama, a concept build

Fasht Institute is a fictional professional training academy in Seef, Manama, and this is the working homepage we designed and built for it, set like a printed course prospectus, with a live timetable, a course filter and a team fee estimate in Bahraini dinars. It is written for working professionals who need a certification that fits around a Sunday to Thursday job, and for the HR managers who buy training for their teams. Fasht is invented for this concept; the timetable, the filter and the estimate can all be tried on the page.

A concept build: Fasht Institute is a fictional brand we created to show how we design and build a training institute website for Manama. 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 timetable with month tabs (arrow keys work) and a classroom or online toggle, or open it in a new tab.

The Fasht Institute homepage on a desktop screen (concept build by Marketlube; Fasht Institute is a fictional brand)
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 training institute website for Manama

What the homepage includes

  1. Header and menu
  2. Hero with fact strip
  3. Course catalogue and track filter
  4. Start date timetable
  5. Classroom or live online
  6. Team training and fee estimate
  7. How certification exams work
  8. Instructors
  9. Fees and what is included
  10. FAQ
  11. Enquiry form and map
  12. Footer

Features and interactions

  • Timetable with month tabs (arrow keys work) and a classroom or online toggle
  • Hold a seat buttons that fill in the enquiry form with the course, start date, track and format
  • Course filter by track, reflowed with GSAP Flip and announced to screen readers
  • Team fee estimate: a 1 to 40 slider and number field kept in sync, showing the group rate and total in dinars
  • Enquiry form that asks for the number of learners only when My team is chosen
  • Exam path rail with a crimson line that draws once it comes into view
  • Timetable rows that become date tiles on a phone, each with a full-width Hold a seat button

The whole page, top to bottom

Full-page screenshot of the Fasht Institute homepage on a desktop screen (concept build by Marketlube; Fasht Institute is a fictional brand)
Desktop at 1440 px, the full homepage. Scroll the picture, or open the full screenshot.
Full-page screenshot of the Fasht Institute homepage on a phone (concept build by Marketlube; Fasht Institute is a fictional brand)
Phone at 390 px, the full homepage. Open the full screenshot.

Palette and type

  • Pearl #F7F4EF
  • Crimson #9B1B30
  • Deep crimson #6F1322
  • Slate #25313C
  • Ink #141A20

Type: Archivo, IBM Plex Sans, IBM Plex Sans Arabic (for the Arabic name and tagline).

Languages: English.

How it is built

  • Hand-built HTML, CSS and JavaScript, no framework
  • GSAP 3.15.0 with ScrollTrigger, SplitText and Flip
  • Lenis 1.3.26 smooth scrolling
  • Photographs generated with Higgsfield (Nano Banana Pro), served as WebP, with AVIF for the hero
  • Intl.NumberFormat for dinar amounts and native details elements for the FAQ
  • About 450 KB loaded on desktop and 400 KB on a phone at first view, measured on our machine on 27 Oct 2026

Need a training institute 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 coaching centre websites, our web development service, our website prices and how we work with businesses in Bahrain, or browse every concept build.

Questions

What should a training institute website in Bahrain include?

A course list that gives each course's length, format and fee, and a schedule of real start dates that people can filter by month and by classroom or online. Add a plain explanation of how the exams work and who sets them, the working experience of your instructors, and what the fee includes and leaves out. Finish with an enquiry form short enough to fill in on a phone.

How should learners book a place or enquire on a training academy website?

Let them start from a specific start date: a button on each timetable row that opens the enquiry form with the course, date and format already filled in. Company buyers need their own route that asks for the number of learners, rather than the same form as a single learner. Office hours and how quickly you reply belong right next to the form.

Does a training academy website in Manama need Arabic as well as English?

It depends on who you teach and who pays. Many professional certifications are taught and examined in English, and many learners in Bahrain are expatriates, so English usually leads. If you teach some courses in Arabic, or sell to HR teams and government-linked buyers who expect it, add Arabic pages for those courses and those buyers first, written for them rather than translated line by line.

More concept builds

Websites

Want yours built like this?

Tell us about your business. We'll plan the pages, the bookings or enquiries, and the launch.

Every rupee you spend with us has to earn its keep.