EsEn

10 / 16Early Childhood · Edtech

Website · Proposal · Early Childhood

Tool-be

View of the Tool-be project

Website proposal for the Tool-be System, a development platform for early childhood (the first 1,000 days of life). A playful homepage that introduces the system, its program for families, and its offerings for businesses and governments.

Client
Tool-be
Type
Website proposal
Sector
Early Childhood · Edtech
Role
UX/UI design

About the project

Tool-be supports children’s development during their first 1,000 days. The site needed to feel as warm and playful as the brand while also organizing a wealth of information: the system, the music (created using neuroscience), the real-life stories, and the offerings for businesses and governments.

The proposal uses waves, solid colors, and the brand character to guide the user through clearly defined sections: System, Family Program, Our Secret (the music), Life Stories, and For Businesses & Governments, and concludes with the app in stores.

The visual system maintains its playful identity (blue, red, orange, and yellow; rounded typeface) without compromising readability or hierarchy.

Early Childhood · First 1,000 days · Home and landing · Playful brand · Responsive web

Desktop
Full landing page of the Tool-be proposal, an early childhood brand, featuring sections highlighted in red, blue, and yellow: Tool-be System with a mock-up of an app on a phone, Family Program, Our Secret, Life Stories, and For Businesses and Governments.

UI Kit

Foundations of the Tool-be UI Kit: the color palette with its names (bg/primary blue, bg/secondary orange, bg/accent red, bg/highlight yellow, their soft variants, and the text grays), the typographic scale (Display, Heading, Label, Overline, and Body) in a rounded font, the spacing scale from 4 to 48px, and the radii ranging from sm to pill.