Besides the fact that the previous version wasn't responsive at all, the navigation was another huge pain point. I mean, who doesn't love 4-level sub-menus?!
Breaking down the exsisting structure required a lot of work and refactoring of the content which is spread over almost 300 pages. Also, for offering a better overview of the topics, we had to rework the whole navigation.
We decided to go all in and create a full-screen navigation with a scrollable sub-navigation on particular sub-pages. With this approach, you can quickly decide what area you want to dive into on a deeper level. Once in a sub-level, you can jump to other topics in that level without the need of opening the full-screen nav all the time.
Quickly checking some information on the go might not be number one use case of a school's website, but the number is rising. With more than
38k unique page views since the launch, we had to focus on making the mobile experience as easeful as possible.
To show what makes the school special and what the day-to-day life looks like, we placed a slider with the highlight of every subject of the school right at the top.
News and dates at a glance
Right below the introdcution, you can find latest news and upcoming dates with beautiful visuals and short but right-at-the-heart descriptions at first sight.
The footer does not only contain the boring things, but also truly helpful bits and pieces that can answer the users questions straight away. Also, you can find all contact information right at your fingertip.
Have a structure
We worked on this site for almost three years, simply because we did three iterations and complete redesigns of the redesign. All just because we didn't really know where we wanted to go.
Use a CMS
The old version of this website was hand-coded, which means that every time there was a change needed, only someone who knew how to code was able to handle that. Now, after switchtig to WordPress, also teachers and even students have the chance to edit content and add new information.