KidsZone

Visual Style Guide

Introduction

KidsZone is an innovative online platform designed to revolutionize the educational experience for children aged 4 to 12. We aimed to create a digital haven bursting with vibrant colors, captivating sounds, and an endless array of educational adventures tailored specifically to ignite curiosity and nurture the intellectual growth of young minds.

Collaboration: Worked with a team of fellow UX designers.

My Role: UX Designer

Project Duration: 3 weeks

Mission & Vision

  • Interactive and educational experiences
  • Accessibility to children of all backgrounds and abilities
  • Valuable resources and insights for parents to actively participate in guiding their children's educational adventures
  • Safety, age-appropriate content, interactive learning experiences, and holistic development


Brand values

Brand identity: KidsZone aspires to achieve a harmonious fusion of creativity and education tailored to meet the unique needs of children aged 4 to 12 and their parents

Green Geometric Shape

Engaging environment

Capturing kids’ imagination and motivating them to study

Green Geometric Shape

Accessible and

relatable content

For every child no mater where they come from

Green Geometric Shape

Parents' Empowerment and support

Provide support and resources that parents

need to make their child successful

Logo

In our KidsZone logo, I strategically use Gestalt principles: Proximity creates a castle, fostering collaboration; Similarity unifies shapes, building trust; Closure prompts kids to complete elements, encouraging creativity.

Logo Usage

Our logo should be used in these ways. In addition to having the logotype and logo mark beside each other, we can also have them stacked on top of one another. Depending on the background, we would use our logo differently. White logos are used for dark or picture backgrounds, while dark logos are used for lighter backgrounds.

Logo Misusage

These are the ways we shouldn’t use the logo:

Shadows, borders, spaces, strokes, different colors, and orientations should not be used with the logo.

Colors

Primary colors:

Secondary colors:

Typography

Iconography

The Hand Drawn Black Icon Collection, a reflection of KidsZone's brand values, embraces simplicity and engagement in its design. The hand-drawn style serves as a testament to our commitment to delivering an intuitive and user-friendly experience. This approach speaks directly to both children and parents, capturing the essence of an educational journey that captivates and amuses both parties.

Imagery

Tone of voice

The tone of speech used in KidsZone is meticulously designed to appeal to both children and their parents. It achieves a harmonious equilibrium by providing children with information, education, and engagement while simultaneously instilling a sense of reassurance and trustworthiness in parents. The language and tone are deliberately selected to embody the brand's core principles of inclusion, creativity, and safety. This ensures the platform is inviting and attractive to its broad and varied user base.

Funny

Casual

Irreverent

Enthusiastic

Playfful

Friendly

Respectful

Relaxed

Serious

Formal

Courteous

Matter-Of Fact

Spacing

A 4/8 pt grid system is the most common spacing approach that we took to achieve smooth, consistent, and usable interface design.

Website looks

KidsZone strikes a perfect balance by engaging kids with vibrant shapes and colors while appealing to parents through modern design. Our platform offers diverse, educational content, ensuring every child finds something enjoyable, creating a fun yet trustworthy learning space for both kids and parents.