Childcare center

Website

Metaphor Elements

Visual Refresh

Visual Refresh

Contents Reorganize

Contents Reorganize

From Drop-Off to Deep Engagement (+56% Weekly Increase)

Redesigned with a refreshed visual identity, metaphor-driven design elements, and information architecture to deliver a distinctive user experience.

Landing Page Hero Section
Landing Page Hero Section

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.

Key Issues

The earlier version lacked key content and had dense, text-heavy sections, making information harder to find and less aligned with the warm, welcoming feel of a childcare environment.

Solution Approach

Modernized the visual design and improved the information hierarchy to reduce drop-off rates and create a more transparent, easy-to-navigate experience.

Redesign Highlights

Landing Page along with visual refresh of testimonials and about page
Landing Page along with visual refresh of testimonials and about page

Use logo-inspired shapes as a metaphor to reflect brand consistency, making the profiles instantly recognizable as unique unicorns.

The elements are applied to personal profiles and topic-related images.

Contact Us Page Metaphor Usage
Blog Post Page Metaphor Usage
Staff Profile Metaphor Usage
Staff Profile Metaphor Usage
Parent Profile Metaphor Usage

Refreshed the digital message board with vibrant testimonial cards for an engaging, easy-to-scan experience.

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

A wooden-style digital noticeboard recreating real wall testimonial vibes on the website.

Hand Written Testimonial Board Redesign
Hand Written Testimonial Board Redesign

Improve information architecture and hierarchy for clearer navigation and easier access to key resources.

  • Grouped all education-related services into a single dropdown menu for clearer navigation.

Reroganize Menu of same content
Reroganize Menu of same content
Reroganize Menu of same content
Reroganize Menu of same content
Reroganize Menu of same content
  • Displayed enrollment pricing transparently under each relevant service topic.

Fee Structure Transparency Redesign
  • Consolidated all downloadable resources into one dedicated area (Enrollment Form, Photography Form, Centre Brochure, etc.).

Information Restructure
  • Added an overview summary section to highlight what is included in the Parent Handbook for a quick overview.

Information Restructure

Renamed “Reviews” to “Parents’ Voices” to create a warmer and more personal menu label.

Change Menu text from Reviews to Parent Voices Writing
Change Menu text from Reviews to Parent Voices Writing
Change Menu text from Reviews to Parent Voices Writing
Change Menu text from Reviews to Parent Voices Writing

Reorganized cluttered photo galleries into two clean, aligned sections for events and activities.

Photo Gallery Align Layout Design
Content Restructure

Typography

Primary Font

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

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

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

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

Unique Unicorns’ brand personality is warm and nurturing, playful and creative, and strongly community-oriented.

Primary Colors

#006799

#006799

#3A919E

#3A919E

#B72050

#B72050

#D1972B

#D1972B

Secondary Colors

#2587C8

#2587C8

#D91B57

#D91B57

Measurable Results

Increased weekly engagement by 56% within 3 months post-launch, driving longer session durations and reducing website drop-off rates.

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.

Thailand food guide app for exploring affordable Thai cuisine with budget tips for Gen Z backpackers.

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

View Case Study

View Case Study

Personal finance management dashboard for tracking spending and budgeting built with vibe coding.

AI-bot expense management with Figma & Cursor, Replit

View Experiment Prototype

View Experiment Prototype