Floreat Park Primary - Website Design For Schools

Client

Floreat Park Primary School

Sector

Education

Target Type

B2C

Demographic

Parents, prospective families, and school staff

Lead Time

16 weeks

Website Goal

Improve usability, reflect new branding, and enhance community engagement

Services

WordPress Web Design, UX/UI Design, WordPress Development, Branding

Technologies

WordPress, Elementor, HTML/CSS, JavaScript

The Challenge

Floreat Park Primary School, an Independent Public School fostering a strong sense of belonging since 1951, approached Lilo to reimagine a website that no longer reflected the warmth, energy, or inclusivity of its community. While the existing site contained valuable information, it was visually outdated and difficult for parents and staff to navigate.

Together with the school team, we identified key challenges:

An outdated design that failed to reflect the school’s vibrant culture
Cluttered navigation making essential information hard to find
Limited mobile usability for busy parents on the go
Heavy reliance on technical support for routine updates
A digital presence that didn’t align with the school’s refreshed brand direction

Our shared goal was to deliver a modern, welcoming WordPress website that improved usability, empowered staff, and strengthened engagement with current and prospective families.

Discovery and Technical Review

We began the project with a collaborative discovery phase, working closely with the school to understand their users, internal workflows, and long-term goals.

Through a full technical and usability review, Lilo uncovered:

Navigation pathways that frustrated parents searching for key information
A CMS setup that limited non-technical staff from managing content independently
Inconsistent layouts that reduced clarity and accessibility
Missed opportunities to showcase the school’s culture and sense of community

Based on these insights, we defined a solution framework focused on usability, flexibility, and scalability — ensuring the website could evolve with the school while remaining easy to manage internally.

UX and Design Research

Our UX and design process focused on creating a clear, intuitive journey for parents, families, and staff. Lilo’s design team developed wireframes and visual concepts that prioritised simplicity, accessibility, and warmth.

Through iterative design and feedback sessions, we:

Simplified the site architecture to surface key parent resources quickly
Introduced colour-coded navigation to clearly distinguish content areas
Designed a dynamic homepage to highlight news, events, and announcements
Applied a mobile-first approach to ensure a seamless experience across all devices

The result was a user experience that feels friendly, intuitive, and aligned with Floreat Park Primary’s values.

Branding and Visual Direction

To support the new digital experience, Lilo worked closely with the school to refine their existing brand and better capture their spirit.

Our visual direction focused on:

A bold, colourful aesthetic reflecting the school’s welcoming ethos
A cheerful palette of blues, yellows, and greens to evoke warmth and energy
Subtle geometric patterns inspired by classroom creativity, adding texture and personality
Clear design guidelines to ensure consistency across digital and print touchpoints

This refreshed brand identity balanced playfulness with professionalism, appealing to parents, staff, and prospective families alike.

The Solution

This project demonstrates how effective website design for schools can create a modern, engaging platform that supports communication and community growth.

Key elements of the solution included:

Custom WordPress CMS
– We built flexible templates and drag-and-drop content blocks, enabling non-technical staff to update pages with ease.
Streamlined navigation
– We restructured the site architecture with clear menus, colour-coded sections, and intuitive sub-navigation for parent resources.
Community-focused functionality
– We integrated dynamic homepage elements and Google Calendar to keep families informed and engaged.
Responsive design
– We ensured all layouts were fully optimised for desktop, tablet, and mobile devices.
Enhanced UX
– We implemented consistent design patterns, clear information hierarchy, and engaging visuals to encourage exploration.

The Results

The new website delivered strong, measurable improvements across engagement, usability, and internal efficiency:

+45

increase in website traffic following launch

+33

growth in parent enquiries from prospective families

improvement in navigation satisfaction based on post-launch feedback

reduction in content update time, empowering staff to share updates faster

A stronger sense of community pride and connection through a vibrant digital hub

Conclusion

Through close collaboration with Floreat Park Primary School, Lilo transformed an outdated website into a modern, user-friendly digital platform that truly reflects the school’s culture and values. By combining UX design, WordPress development, and brand refinement, we delivered a solution that supports parents, empowers staff, and strengthens community engagement — now and into the future.

Visit the website

Floreat Park Primary School – Custom Website Design for Schools