Website design for the Miriam Makeba Elementary School in Berlin

Landing page screen with slider and colorful elements on a white background

Client

Miriam Makeba Primary School

As part of the website redesign, a new visual identity was developed for Miriam Makeba Primary School. A modular system reflects the school's diverse areas of focus; the flexible editing system simplifies regular content updates using built-in modules.



Services
Concept
Illustration
Backend Development
Accessibility
Customer Journeys
User Experience & User Interface Design
Frontend Development


Challenge

The biggest challenge was that the site had to be very clear and at the same time very flexible. We developed a modular system that conveys a uniform, playful and clear design image. At the same time, we enable extremely flexible use and editing by the school's teachers.

Website navigation shows the extensive mega menu with multi-column tabular layout
Smartphone screens with website content, with colorful decorative elements
Website screen with collapsed navigation on the left-hand side of the screen. The page navigation allows you to quickly jump to content on the same page
Expanded page navigation with displayed titles of the jump labels
Colorful geometric illustrations inspired by musical instruments
Video Poster play icon pause icon

Modular Content Management System

The website was implemented with Kirby CMS, our preferred content management system. This simple yet flexible CMS is particularly suitable for the modular system of the elementary school. We designed and developed individual modules that our customers can position, arrange and combine as they wish. The uniform look and good performance of the site is maintained in every arrangement!

Video Poster play icon pause icon
View the project live