École Méliès

"We have a site that is very different from other schools, thanks to a lot of little winks that 148 Agence Collective has been able to offer us."

Pauline, Project Development Director, École Georges Méliès

We thus dive into the universe of the École Georges Méliès. Its founder, Franck Petitta, was a sculptor. For him, 3D animation must be inspired by craftsmanship, and students should learn drawing before discovering 3D. Georges Méliès was a director and illusionist, considered one of the creators of the first film tricks. His universe is whimsical and poetic. It's an opportunity for us to unleash all our creative energy! Like web page sculptors, we are a source of advice and support to bring out the school’s identity in the site. In the background, one can hint at a moon, one of the flagship symbols of Georges Méliès, which grows larger as navigation progresses. The background of the site is slightly gray, like drawing paper. When scrolling, it feels like a brush stroke. Even the mouse is unique, shaped like a small dot that seems to wander everywhere. Our client is enthusiastic; he embraces our creative proposals.

To create a dynamic site (like an animation school), we insert a gif at the top of each page of the site. These small characters or animals, often funny, are creations of the students. This also helps to showcase the school's work. And we've thought of everything to make the updating or refreshing of these gifs very easy.

"The site highlights the multitude of training programs and the dynamism of the school."

Pauline, Project Development Director, École Georges Méliès

Another distinguishing element of the site: the immersive scroll. Let us explain. The idea is to take the user by the hand and guide them to show them all the content. The only movement to make is to scroll. And we navigate within the site without needing to click. It is truly a unique navigation very different from other sites. And it also allows the school to ensure that the visitor goes through all the pages without skipping important content. From a technical point of view, it is a virtual scroll: a scrolling effect recreated in JavaScript to allow for this innovative navigation.

Today, the Georges Méliès School has a website on which it can very easily take control. This was one of its priorities: to be able to update the content or add new training programs. By using WordPress, we give our client a real ease of use. We provide access to free blocks (title, text, illustration) to compose a new page as they wish.

This site changes my life, it is really easy to manage.

Pauline, Project Development Director, Georges Méliès School

Technically, all of this is a challenge because there is a lot of content to integrate. Everything needs to be well structured to be easily readable. And the pages must load quickly. At the agency, we know how to manage this density of content very well. In fact, what we do is that we only load into the DOM (the programming interface) the elements visible at the moment on the site. This greatly lightens the page, and it loads in an instant.

Beyond the visual aspect, we implemented a tailor-made SEO strategy. Our holistic approach to SEO began with a thorough analysis of the terms searched by future students in animation and special effects. We optimized the technical infrastructure of the site to improve its performance and readability for search engines. Each piece of content has been meticulously crafted to combine editorial relevance and SEO optimization. Our external linking strategy focused on qualitative partnerships with recognized players in the animation and education sectors. A comprehensive analytical system now allows for the continuous refinement of the school's digital strategy.