Freelance Project

Web

Childcare

Contents Reorganize

Visual Refresh

Improving parents' experience by 40% with usability-focused redesign

Redesign a joyful digital experience for parents that reflects a warm, playful learning environment for children.

Website Mockup

Time

4 weeks

Role

UI Design, Experience Design

Tools

Figma

Overview

Unique Unicorns is a high-quality, long day care centre for kindergarten located in Townsville, Australia.

Concerns

The original website was outdated, with a busy color scheme, poor readability, scattered information, and difficult navigation, making it visually unappealing for both parents and children.

Purpose of redesign

To create a visually appealing, engaging website by organizing information and restructuring the layout to reflect a warm, playful learning environment for children and families.

After redesign (Home Page)

Home Page Redesign
Home Page Redesign
Home Page Redesign
Home Page Redesign
Home Page Redesign
Home Page Redesign

Use logo shape as metaphor to reflect brand consistency.

For showcasing personal profiles, I use logo shape or related circular shapes to create a visual cue, helping the audience instantly recognize that these profiles belong to Unique Unicorns.

For Contact Us main section

Contact Us Page Metaphor Usage

For Blog post main section

For Blog post main section

Blog Post Page Metaphor Usage

For staff profile

Staff Profile Metaphor Usage

For parents profile

For parents profile

Parent Profile Metaphor Usage

How metaphor is applied in part of the pages

Contact Us

Contact Us page Redesign
Contact Us page Redesign
Contact Us page Redesign
Contact Us page Redesign
Contact Us page Redesign

About

About Page Redesign
About Page Redesign
About Page Redesign
About Page Redesign
About Page Redesign

Reorganize the information structure in one place.

In the previous design, information was scattered across the website, making it difficult for users to find resources or download materials.

I created a structured services navigation menu that consolidates all education-related information into a single dropdown improving overall clarity and usability.

Reroganize Menu of same content

Make the fee structure transparent with clear, expanded information for parents.

Fee Structure Transparency Redesign
Fee Structure Transparency Redesign
Fee Structure Transparency Redesign
Fee Structure Transparency Redesign
Fee Structure Transparency Redesign

Streamlined access by placing all downloadable forms in one clear section.

Information Restructure
Information Restructure

After redesign

Education

Education Page Redesign

Specialized Design

Specialized Program Page Redesign

Improve UX writing for menu label.

Reframed “Reviews” as “Parents' Voices” for a warmer, personal touch.

Change Menu text from Reviews to Parent Voices Writing

Split parent feedback into two tabs: online reviews and handwritten notes.

Since there were two types of testimonials: digital text on the website and hand-written cards on a physical review board, I separated parent voices into two distinct sections with menu tabs for easy navigation.

Testimonial Page Menu Redesign

Refresh the look of digital message board.

Design testimonial cards with colorful tones and clear typographic hierarchy.

Digital Board Testimonials Redesign
Digital Board Testimonials Redesign
Digital Board Testimonials Redesign
Digital Board Testimonials Redesign

Create physical wall vibes, digital wooden board design.

Design a wooden-style noticeboard to showcase handwritten parent messages, creating the feeling of reading voices in a real space.

Hand Written Testimonial Board Redesign

Turned cluttered photo galleries into two clear, aligned sections for events and activities.

Redesign the children’s activity into two sections: Special Events and Gallery with consistent layouts, aligned images, and organized content for clarity.

Photo Gallery Align Layout Design
Content Restructure

After redesign

Blogs > Special Events

Special Events Pages Redesign
Special Events Pages Redesign
Special Events Pages Redesign
Special Events Pages Redesign
Special Events Pages Redesign

Blogs > Gallery

Gallery Page Redesign

Color Palette

Unique Unicorns gives warm & nurturing, playful & creative, high-quality standard and community-oriented brand personality.

Primary Colors

#006799

#006799

#006799

#3A919E

#3A919E

#3A919E

#B72050

#B72050

#B72050

#D1972B

#D1972B

#D1972B

Secondary Colors

#2587C8

#2587C8

#2587C8

#D91B57

#D91B57

#D91B57

Typography

Primary Font

NewsGoth BT

NewsGoth BT

NewsGoth BT

NewsGoth BT

NewsGoth BT

NewsGoth BT

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789[{]}\|;:’”,<.>/?`~
!@#$%^&*()-=_+

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789[{]}\|;:’”,<.>/?`~
!@#$%^&*()-=_+

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789[{]}\|;:’”,<.>/?`~
!@#$%^&*()-=_+

Secondary Font

Proxima Nova

Proxima Nova

Proxima Nova

Proxima Nova

Proxima Nova

Proxima Nova

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789[{]}\|;:’”,<.>/?`~
!@#$%^&*()-=_+

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789[{]}\|;:’”,<.>/?`~
!@#$%^&*()-=_+

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789[{]}\|;:’”,<.>/?`~
!@#$%^&*()-=_+

Reflection

What I have learned from this project

Organizing information is just as important as refreshing visuals.

I discovered that users often got lost while searching for information, and the absence of transparent pricing led to drop-offs.

Balance playfulness with professionalism.

I learned that designing for a childcare school website should be playful enough to be user-friendly and welcoming, yet professional enough to build trust in education.

Power of UX writing.

Choosing the right words that connect with brand personality can increase user engagement, even through small changes. In my case, shifting ‘Reviews’ to ‘Parents’ Voice’ built trust and made the experience feel more personal.

Metaphor strengthens brand identity.

I realized that including metaphor in the design ensures the symbol carries meaning beyond visuals, building long-term identity.

Next Steps

What I will do for future steps

  • Add a virtual school environment to enrich the experience.

  • Be sure to test accessibility for all types of families.

Food App Screen Design Mockup

Helping Gen-Z backpackers dive into real Thai flavours while maximizing every dollar

View Case Study

View Case Study

Expense Dashboard Sample

AI-bot expense management with Figma & Cursor, Replit

View Experiment Prototype

View Experiment Prototype

Designed with curiosity and bubble tea sips.

© 2025 Rina