One website for every audience in vocational training
Founded in Geneva in 2022, the ForPro foundation promotes vocational training among young people and companies. In its building in Plan-les-Ouates, it supports young people looking for their path through the Explore programme, welcomes apprentices through the Campus programme, and runs spaces such as the FoodLab, the MakerLab and the GrandLab.
The website has to speak to all of these audiences at once: a 16-year-old unsure about the future, an apprentice, a company looking to hire. Octoplus Solutions rebuilt the existing website on solid technical foundations, working from a design by studio guez and a co-creation strategy for the project facilitated by facenord.
The goal was clear: the ForPro team should be able to do everything themselves, without needing a developer for every new page.
15 blocks and more than 10 themes to build every page
Pages are built from a library of 15 blocks, which the team combines freely from the admin interface. Each block was designed to work with all the others, so whatever the combination, the page stays consistent and readable.
More than ten visual themes adapt the ForPro identity to each programme and space. A FoodLab page doesn't look like an Explore programme page, yet both are clearly ForPro. The theme is chosen from the admin interface, without touching any code.
Job offers, missions, projects and events
Beyond standard pages, the website handles several types of content specific to ForPro: job offers, missions, projects carried out by the young people, and the events calendar. Each has its own fields and its own listings, updated automatically as soon as an item is published.
Content is managed in Kirby and displayed by a front end built with Svelte. This separation has a practical benefit: the same back office also powers the FoodLab website, whose backend we strengthened. A single content source now serves both sites.
Accessible to everyone, visible everywhere
A website for a young and diverse audience has to be usable by everyone. Accessibility was built in at every step: page structure, keyboard navigation, contrast and alternative text. Because the blocks and themes were checked upfront, the pages the team creates stay accessible with no extra effort.
For visibility, the website is optimised both for search engines (SEO) and for generative engines such as ChatGPT or Perplexity (GEO). With structured data and clear, well-organised content, when a young person asks an AI where to find an apprenticeship in Geneva, ForPro has every chance of being part of the answer.
