École Georges Méliès

The brand showcase of a renowned school

École Georges Méliès is the school of animation, special effects, and video games. When their communications department reached out to us to redesign their website, we knew it would be an exciting challenge. What do they want? A website like no other! And we understand why. École Georges Méliès has a one-of-a-kind artistic universe. The site must therefore serve both as a presentation of their various programs and as a reflection of the quality of their education.

Divisions

Fields of expertise

#WEBDESIGN
#UX/UI
#ANIMATION
#DEVELOPPEMENT
#CONCEPT

More infos

More information

Understanding the school’s identity and transforming it into a visual identity

We have a website that’s very different from other schools, thanks to the many little touches that Agence 148 was able to propose
Pauline, Pauline, Director of Project Development at École Georges Méliès

We immersed ourselves in the world of École Georges Méliès. Its founder, Franck Petitta, was a sculptor who believed that 3D animation should be inspired by craftsmanship, and that students should learn to draw before delving into 3D. Georges Méliès himself was a filmmaker and illusionist, considered one of the pioneers of cinematic special effects. His world is whimsical and poetic, giving us the perfect opportunity to unleash our creative energy! Like sculptors of web pages, we provided guidance and support to bring the school’s identity to life on the website. In the background, a moon—one of Georges Méliès’ iconic symbols—gradually becomes more prominent as you navigate through the site. The background is slightly grayed, resembling drawing paper, and as you scroll, it feels like a brushstroke. Even the cursor is unique, appearing as a small dot that seems to wander everywhere. Our client was enthusiastic and embraced our creative proposals.

An animated website with unique navigation

To create a dynamic website (reflecting the spirit of an animation school), we placed a GIF at the top of each page. These small characters or animals, often humorous, are creations by the students, showcasing the school’s work. We designed the site so that updating or adding new GIFs is very simple.

The site highlights the wide range of programs and the school’s energy.
Pauline, Director of Project Development at École Georges Méliès

Another distinctive feature of the site is the immersive scroll. Let us explain: the idea is to take the user by the hand and guide them through all the content. The only action required is scrolling. You navigate the site without needing to click, making the experience truly original and different from other websites. This also ensures that visitors pass through all the pages without missing any important content. Technically, it’s a virtual scroll: a scrolling effect recreated in JavaScript to enable this innovative navigation.

Handing over the keys to the client

Today, École Georges Méliès has a website they can easily manage themselves. This was one of their priorities: being able to update content or add new training programs. By using WordPress, we provided our client with a user-friendly platform. They have access to flexible blocks (title, text, illustration) to create new pages as they wish.

This site has changed my life; it’s really easy to manage.
Pauline, Director of Project Development at École Georges Méliès

Technically, this was a challenge due to the large amount of content to be integrated. Everything needed to be well-structured to ensure easy readability and fast page loading times. At the agency, we’re experts at managing this density of content. In fact, we only load the elements currently visible on the site into the DOM (Document Object Model). This significantly lightens the page, allowing it to load instantly.

Continuing work during the lockdown

Finally, for project management, we set up bi-weekly meetings to allow the client to track progress and provide feedback. This regular follow-up is a method we apply to all our projects.

Even during the lockdown, Agence 148 remained efficient, which was very reassuring.
Pauline, Director of Project Development at École Georges Méliès

Even in challenging circumstances, we kept working. A large part of the site’s creation took place during the lockdown: we continued to work remotely while maintaining the same level of follow-up.