Modern School website (Framer Design + Development)

Fabio Nobile

Web Designer
Framer Developer
Framer Designer
Framer
The new website for Neumattschule - An elementary school in the Black Forest area of Southern Germany.
The Neumattschule Lörrach, a primary and all-day school, sought to reinvent its online presence to better reflect its vibrant community and core values. The school's mission is to provide a nurturing environment where pupils are encouraged and challenged according to their abilities in an atmosphere of security and joie de vivre. However, the previous website fell short of conveying these values effectively. I was tasked with transforming the school's online presence, addressing several challenges, and creating a more engaging experience for parents, students, and teachers alike.

The Problem

The previous website of Neumattschule Lörrach faced several issues that hindered its ability to effectively represent the school. Its outdated design failed to capture the vibrant energy and positivity that the school embodies, leaving a lackluster first impression on visitors. Technical limitations made it difficult for staff to update content, resulting in a platform that often felt stagnant and outdated. The navigation was confusing and inconsistent, making it hard for visitors to find essential information quickly and easily. Furthermore, the website lacked engaging visuals or a “wow factor” to captivate users and communicate the school’s welcoming and dynamic spirit. The absence of a cohesive brand identity only added to the disjointed experience, failing to convey the values and personality of the school in a meaningful way.
The old massively outdated homepage of the school.
The old massively outdated homepage of the school.

The Goal

The goal of the project was to create a vibrant and user-friendly website for Neumattschule Lörrach that captures the playful spirit of primary education while ensuring clarity, accessibility, and consistency. The redesign focused on modernizing the visual experience, improving navigation, aligning with the school's branding, and empowering staff with an easy-to-maintain platform built in Framer.

The Solution

The new website for Neumattschule Lörrach, developed in Framer, transforms the school’s online presence into a vibrant and welcoming digital space that truly reflects its unique personality. The design embraces bright, cheerful colors and playful elements, capturing the essence of primary education while maintaining a clear and professional structure. Navigation was completely restructured to be intuitive and user-friendly, ensuring that key information is accessible and easy to find for families and prospective students. A strong visual appeal was achieved through dynamic layouts, engaging imagery, and subtle animations, creating a website that not only informs but delights. The branding, developed in collaboration with "designliebe," ensures a consistent visual identity with unified colors, fonts, and design elements, creating a cohesive and polished experience. Built with Framer, the platform empowers the school staff to manage content effortlessly, providing a solution that is both visually stunning and highly functional.
The Neumattschule home page.
The Neumattschule home page.

The Result

The new Neumattschule Lörrach website is a reflection of the school's mission to foster a nurturing learning environment. It is colorful, playful, and easy to navigate, presenting a cohesive and engaging experience for all visitors. The redesign not only enhances the visual appeal but also ensures that content is accessible and the website is easy to maintain. The positive feedback from school staff and parents alike highlights the success of this transformation.
Partner With Fabio
View Services

More Projects by Fabio