Klima School: logo, art direction and Webflow website for a business school dedicated to sustainability

Klima School is a business school dedicated to sustainability and CSR. Bachelor's, Master's and a career-change MSc: its programmes, which lead to RNCP qualifications recognised by the French state and can be taken as work-study or full-time, prepare students for careers in the ecological transition, from QHSE to low-carbon strategy.

Klima School entrusted Gemeos, a web agency for schools, with the revamp of its logo, its art direction, the design and Webflow development of its new website, and its SEO.

MacBook Pro open on the Klima School home page, “Join the business school that trains experts in sustainability and CSR”, in a library full of plants

Giving a committed school a brand as credible as it is desirable

Klima School trains students for careers in sustainability, CSR and QHSE, from bachelor's to master's level, as work-study or full-time, on its Nanterre campus and remotely. The school was growing: its two-circle logo needed modernising, and its old Webflow site was no longer enough for three programmes, admissions, careers and a blog. The new site had to speak at once to a student fresh out of a two-year degree, a professional looking to change careers and the companies recruiting work-study students.

Gemeos modernised the logo, explored two art directions for the home page, then designed and built the new site on Webflow: programmes, school, admissions, careers, blog and brochure, with a structure and data designed for SEO, and redirects so that the old site loses nothing.

Industry: Education
Services: Logotype; Artistic Direction; UX/UI Design; Development; SEO

A radiating symbol, for a school that trains people for transition careers

Klima School already had a logo, built on two circles. Gemeos proposed three directions to modernise it. The first keeps the two circles and makes their overlap the meeting point between education and the ecological transition. The second draws a pictogram from the curve of the K, somewhere between a bird taking flight and the fork of a career choice. The third breaks the original circle down into regular rays: the spread of knowledge, energy unfolding, each ray an action that counts.

It is the radiance that now signs the school: eight rays drawn as lines inside a circle, and the name in a serif. The symbol lives on its own as a favicon, in front of every eyebrow heading on the site and very large in the footer.

The palette comes down to three colours: a midnight blue (#070935) for seriousness, a mint green (#63F9CF) for energy and actions, and a beige (#F3F4EF) for breathing room, each extended into shades in the UI kit. Headings are set in Hedvig Letters, a warm serif, body text in Inter, and labels, menus and buttons in DM Mono, in capitals.

Two directions were explored for the home page. The live site brings them together: the serif, mint green and midnight blue of the first, the clear, well-framed structure of the second.

Direction 1 - Climate immersion & commitment
A full-frame photographic hero, mint green serif headings, midnight blue sections and more organic visuals, for a more immersive narrative around the school's climate mission. Intended perception: a committed, inspiring and authentic school.
Direction 2 - Academic & professional credibility
A neutral, bright palette, a restrained grotesque, a very structured modular layout and green and blue gradients as accents, for the image of an established business school. Intended perception: a reliable and ambitious school, focused on success and employability.

Direction 1, Climate immersion & commitment: photographic hero with mint green headings and the section “A programme to act on climate challenges”

Concept 1

MacBook Pro open on Klima School's “Master's for those who act” page, by a window overlooking the trees

Three programmes, and the right one found in seconds

A student fresh out of a two-year degree, a bachelor's graduate aiming for a master's, a professional looking to change careers: each must recognise their programme from the home page. The cards give each programme's level, and each programme page immediately states the schedule, the exit level, the duration, the start date, the prerequisites and the qualification, before the module-by-module curriculum.

Page	What it does for the visitor
Home	The promise “Join the business school that trains experts in sustainability and CSR”, the three programmes, the companies where students work, target careers, video testimonials, sector figures with their sources, teaching approach in tabs and the FAQ
Programmes	Bachelor's in Corporate Sustainability Strategy and CSR QHSE (3 years after high school), Master's (5 years) and the career-change MSc in Sustainability Strategy & CSR: one page each
The school	Why Klima, the teaching approach, student life and testimonials
Admissions	Admission requirements and steps, funding your studies
Careers	Careers and work-study, work-study offers, career opportunities and the alumni network
Resources	The blog, the FAQ by topic and the downloadable brochure
Apply	Online registration, accessible from every page

Pages alternate white, beige and midnight blue, with mint green reserved for actions. The serif headings, capitalised labels and the symbol in front of every eyebrow heading give the site a signature you recognise from one page to the next. The same building blocks recur everywhere: programme cards, figures, tabs, carousels of careers and testimonials, FAQ, call-to-action banner. On mobile, a fixed bar keeps the brochure and the application within thumb's reach.

Pro Display XDR open on Klima School's Funding page, “Invest in your future with flexible funding solutions”

A site the school runs on its own, from the start of term to articles

The site is built on Webflow. Articles, their authors and their topics live in CMS collections, served by a single template: publishing an article takes no layout work. The blog filters by topic or by search without reloading the page, with the number of results and pagination. Each intake has its own calendar page, fed by an embedded Google Calendar.

The components are built to last. Drop-down menus open on hover, with a photo of the school or a box to talk to the team. The teaching approach tabs move on to the next one by themselves, with a progress bar. Careers and testimonials scroll continuously. The brochure form is protected against spam, and the curricula can be read module by module, in tabs.

MacBook Pro open on the Klima School article “The bright future of the climate and CSR consultant”, on a campus terrace

Answering a prospective student's questions before they choose a school

Before applying, a student looks for a CSR business school, compares state-recognised qualifications, work-study options and career prospects. The site is structured for these searches: one page per programme, pages on admissions, funding, careers and career opportunities, and a blog on the ecological transition and its careers.

Workstream	Detail
Pages & content	56 URLs in the sitemap: 3 programme pages, the school, admissions and careers pages, 18 articles and the pages of their 11 authors
Tags & metadata	A canonical URL on every page; title and meta description written page by page for the home page, programmes, school, admissions, careers and articles
Structured data	CollegeOrUniversity on every page (address, opening hours, average rating, social networks); Course on the three programmes (level, RNCP qualification, prerequisites, work-study); Article on each article with its author and dates; ProfilePage on authors; FAQPage on 13 pages; breadcrumb on articles
Migration	The old site's URLs redirect with a 301 to their new pages: programmes, admissions, careers, FAQ and brochure

Readable by search engines and AI assistants alike

Each article is signed, with its author's page, and opens with its key points and a table of contents. The FAQs answer a prospective student's questions in a few lines (state recognition of qualifications, work-study, career prospects, funding), with FAQPage markup. The Course data describes each programme (level, RNCP qualification, hybrid format, work-study) in a format search engines and AI assistants know how to reuse.