Designing Websites for Kids: Trends and Best Practices


How would you like to design a beautiful, colorful, stimulating website that is captivating, memorable and allows you to let your creative juices flow without the need to worry too much about conventional usability and best practices? In today’s Web design market, it’s rare that such a project would present itself — unless you were asked to design a website for children!

Websites designed for children have been largely overlooked in Web design articles and roundups, but there are many beautiful and interesting design elements and layouts presented on children’s websites that are worthy of discussion and analysis. There are also a number of best practices that are exclusive to Web design for children’s sites — practices that should usually not be attempted on a typical website.

This article will showcase a number of popular commercial websites targeted towards children with an analysis of trends, elements and techniques used to help keep children interested and stimulated.

Design That Stimulates The Senses

Humans are mentally stimulated by a number of factors, and this is especially true with children. Successful children’s websites implement a number of elements and design principles that create an environment suited for a child’s personality and interests.

Bright, Vivid Colors

Bright colors will easily capture and hold a child’s attention for long periods of time. Although color choice is a primary factor in designing any type of website, this is especially true when designing a website for children since colors make a big impression on children’s young minds. Color choices and combinations that would likely be rejected or laughed at when designing a typical website may be welcomed on a website for children.

How many of the color combinations used in the screenshots below would succeed on a website aimed at an adult audience? Not many. So, when designing a site aimed at kids, use bright, vivid colors that will visually stimulate in an unforgettable way.



Herman’s Homepage3

Herman's Homepage4

Funbrain Playground5

Funbrain Playground6

A Happy Mood

Kids will remember and return to a website if their experience is a happy one. Elements can be incorporated into the design to ensure that a cheerful, positive mood is presented.

Mickey Mouse Clubhouse7 creates a happy mood by making Mickey himself a visual focal point on the page. His happy face and body language help enhance this happy feeling, creating a welcome atmosphere.

Mickey Mouse Clubhouse8

The Play-Doh9 website creates a happy mood using a beaming child as the focal point.


The Fifi and the Flowertots8711 website has a large smiling Flowertot character in visual focus, creating a happy mood.

Fifi and the Flowertots12

Elements From Nature

Children are stimulated by recognizable elements that they can relate to. Because children’s experiences in life are limited, some of the things they are most familiar with are found in nature. Natural elements such as trees, water, snow, and animals are used in the websites shown below. In many cases, these elements are overemphasized through size or simplicity of design.

The Disney13 website alters its theme depending on what product is being promoted. In this screenshot, they use a Grand Canyon-like landscape to create a memorable visual experience.


Discovery Kids7715 uses an underwater theme.

Discovery Kids16

Club Penguin17 presents an arctic theme.

Club Penguin18

CBC Kids19 uses a seasonal theme based on simplistic, eye-catching graphics.

CBC Kids20

PopCap Games21 uses a grassy landscape in front of large rays of sun.

PopCap Games22

Larger-Than-Life Design

Large design elements have proved to be effective in all types of Web design, demonstrated by the fact that large typography, large buttons, and large call-to-action areas have become commonplace in modern design. Because children are naturally drawn to simple, obvious, and recognizable objects, websites designed for children will increase their effectiveness through the use of large design elements.

Animated Characters

Large, animated, speaking characters are a fascinating and captivating way to grab and hold a child’s attention. Many sites designed for children use this element effectively.



Mr. Rogers’ Neighborhood25

Mr. Rogers' Neighborhood26

Disney Princess27

Disney Princess28

Thomas the Tank Engine11129

Thomas the Tank Engine30

Barney & Friends31

Barney & Friends32

Depth in Design

Children like to let their imaginations run wild in a world that looks and feels real. This kind of atmosphere can be created through depth in design elements. This might include extruded shapes, shadows, landscapes, beveled effects, shiny gradients, or floating objects. Often, many of these elements are present in cartoon-like displays, as shown below.

The Webkinz33 “Adoption Center” uses shadows, a life-like character, and other 3-dimensional elements to create a design that has depth.


Poisson Rouge35 creates a deep, realistic atmosphere using a window that looks outside at the sun, along with a number of other 3-dimensional elements.

Poisson Rouge36

Rainbow Magic37 creates depth in their design through a Flash-animated landscape scene that moves as the user hovers over different elements.

Rainbow Magic38

In any website design, navigation and call-to-action areas should be focal points. Children’s website designers can oversimplify these areas so that children can navigate easily. Text-based navigation on children’s websites would not be as effective as large buttons and graphics, because they would lack visual focus on a page.

Peppa Pig39 has a horizontal navigation bar that includes large icons and easy-to-read descriptions for each item.

Peppa Pig40

The Winnie The Pooh41 website incorporates their navigation bar into their “forest” theme, using large wooden graphical elements that won’t be overlooked by the user.

Winnie The Pooh42

Sesame Street7943 has an easy-to-locate horizontal navigation bar, along with large call-to-action areas.

Sesame Steet44

My Little Pony45 uses text-based navigation, creating a less-graphical experience, which allows focus on the content elements. This might be ideal in some situations, but on a children’s website a graphic-based navigation bar is more likely to be effective.

My Little Pony46

User Interaction

Probably one of the most important ways for a children’s website to succeed is to include elements that allow a child to interact with the site in some way. Children don’t want to do intense reading or research; they want to play and be entertained.

On a typical website, certain design elements are viewed as distracting, unusable, and cumbersome. On a child’s website, those same elements are viewed as an effective means of attracting users.

Interaction Through Animation and Sound

Effects and experiences created with Adobe Flash are discouraged in typical modern Web design, but on children’s sites there is almost no other option. It’s true that JavaScript animation and effects have come a long way because of the many JavaScript libraries available, but the ease with which complex animations can be created with Flash makes this method the first choice for many commercial websites designed for kids.

The Pauly’s Playhouse47 site, like most of the websites featured in this article, is built entirely in Flash.

Pauly's Playhouse48

The Hot Wheels49 website includes an animated “car of the day” that zooms onto the screen when the page loads, creating visual interaction.

Hot Wheels50

Roary the Racing Car51 has a brief “flash intro” with a “skip” button. This is an old-school trend in typical Web design, but is an effective means of catering to a child-based audience. The intro animates through a road until the characters appear on the horizon. This helps the user feel as though they’re personally entering Roary’s animated world.

Roary the Racing Car52

The Yahoo! Kids53 navigation bar is created with Flash and makes sound effects and animates when its items are hovered over. This trend is very common on many of the sites featured in this article.

Yahoo! Kids54

Interaction Through Video

Television is known to captivate child audiences for hours, which is why “Saturday morning cartoons” have for decades been a lucrative part of the broadcast schedules for many TV Networks. Similarly, video on a child’s website adds a fun, interactive, and educational aspect to a site’s content.

Kids’ CBC – Video55

Kids' CBC - Video56

Yahoo! Kids Movie Guides57

Yahoo! Kids Movie Guides58

National Geographic Kids – Videos59

National Geographic Kids - Videos60

Interaction Through Games

What child does not enjoy playing games? One of the most effective ways to entertain, educate or otherwise occupy a child on a website is to include a “games” section. Almost all the websites researched for this article include games that educate, stimulate, and allow direct interaction, while also incorporating many of the design elements already discussed. Below are some examples.

CBeebies – Gordon the Garden Gnome61

CBeebies - Gordon the Garden Gnome62

Toy Story – Woody’s Big Escape63

Toy Story - Woody's Big Escape64

Disney Pixar’s World of Cars65 allows users to create, share, and race their own custom cars.

Disney Pixar - The World of Cars66

Printable Elements

Kids like to have something tangible to take with them, to help them remember their experience. Printable pictures and colouring pages allow kids to have a keepsake of their experience, while giving website owners an opportunity to enhance and promote their brand outside of the computer screen. Below are some examples of printable colouring pages on kids’ websites.

Pingu Coloring Pages67

Pingu Coloring Pages68

Crayola Digi-Color69

Crayola Digi-Color70

Peppa Pig Colouring Pages71

Peppa Pig Colouring Pages72

Thomas and Friends Online Colouring73

Thomas and Friends Online Colouring74

Teletubbies – Print To Color75

Teletubbies - Print To Color76

Unconventional Methods

We’ve already discussed a number of elements that, in modern typical Web design, are now considered unconventional. Sound, animation, and large obtrusive graphics are often frowned upon in typical Web design. On children’s websites, these elements help the user experience. Other unconventional elements and design choices are discussed below.

Changing the Cursor

This is absolutely viewed as a bad practice in standard Web design, but can be a fun, effective way of adding a playful element to a kids’ website theme. This can be done using dynamic HTML, but is more often done via Flash.

The cursor on the Discovery Kids7715 website turns into a snapping bear trap graphic.

Discovery Kids78

The cursor on the Sesame Street7943 website is followed by a yellow star when it hovers over standard HTML elements, and turns into a yellow star surrounded by smaller animated stars when the cursor is moved over clickable Flash elements.

Sesame Street - Games80

Talking Navigation

Sometimes a navigation bar will produce sound effects, but in other cases, the navigation links will sound out what they represent in a cheerful voice.

The PBS KIDS811 navigation bar speaks using children’s voices, when the user hovers over it.

PBS KIDS Navigation Bar82

The CBeebies83 navigation bar uses a voice to sound out the destination of each navigation item.

CBeebies Navigation Bar84

The Bob the Builder85 navigation bar speaks to the user on mouseover.

Bob the Builder Navigation Bar86

The Fifi and the Flowertots8711 features a speaking navigation bar.

Fifi and the Flowertots88

Breaking the Grid

While traditional modern Web design techniques have embraced the benefits and aesthetics of grid-based design, kids’ websites can break free from an overly structured layout to create a unique world that a child will enjoy experiencing.

This is not to suggest that using a grid as the basis of the design is wrong. It may be beneficial to start with a grid, then design elements outside the grid in a controlled manner. This flexibility in design and layout is demonstrated on a number of the sites already discussed, but is also evident in the navigation bars of the examples below.

The navigation bar on the Spongebob Squarepants89 website is slanted, going against convention in typical grid-based Web design.

Spongebob Squarepants90

The Hannah Montana91 website features navigation bar graphics that break the grid.

Hanna Montana92

The In the Night Garden93 website features a very unusual navigation bar design that bears little resemblance to that found in a conventionally-structured design.

In the Night Garden94

Below are some examples of websites that utilize a more rigid, grid-based format, and as a result are not as unique, memorable, or captivating as some of those already considered in this article.

Kids WB95 is rigid, and not as memorable.

Kids WB96

The Crayola97 website is somewhat old-school with its grid format and vertical navigation.


Neopets99 is also designed on a more structured grid.


Granted, in some cases a stronger grid-based design would be necessary if the audience was an older child audience, as is the case with SI Kids101, shown below.

SI Kids102

Taking Responsibility

If you are attempting to reach the minds and hearts of young, impressionable people through an online experience, you are entrusted with a weighty responsibility. Children are mentally fragile, and easily affected by what they see, hear, and touch. There are certain factors that need to be addressed on every children’s website, to ensure no harm is being brought to the children.

Promoting Education

Games and other interactive elements should be created not just to promote your company’s brand and identity, but to help educate and train young minds in a beneficial and positive way. Promoting education through games and activities will show that your company cares about the user and how their online experience might affect them in the future.

Online Learning Games from Fisher Price103 include games that vary according to age group.

Online Learning Games from Fisher Price104

Funbrain105 promotes itself as “The Internet’s #1 Education Site for K-8 Kids and Teachers.”


Information for Parents

Parents will be keeping a close eye on their children’s internet habits. Many children’s sites are aware of this, so they include information that is geared towards parents. Sometimes this is in the form of a tip, as is the case with the Sesame Street games website, or simply a navigation item that points to a parent’s section.

Sesame Street Games107 includes a “Parent Tip” box.

Sesame Street Games108

BEN 10109 has a “Parent Stuff” link in their primary navigation bar.

BEN 10110

Thomas the Tank Engine11129 includes a “parents” link.

Thomas the Tank Engine112

Usability Testing

Finally, one of the best ways to help build a successful online experience for children is through watching children navigate and interact with your site’s games and other unique features. Not all companies will have the budget for extensive testing, but almost all will have the ability to do at least a minimal amount of testing — even if it’s with just one child. This will allow you to see the site through a child’s eyes and make any necessary modifications, the same as would be done in any usability tests.

Companies like Disney, Sesame Street, and PBS, of course, have been studying the behaviour of children for years, so many of the examples showcased above could be utilized to form the basis for a successful children’s website, even if no usability testing is done.


Here is a summary of both conventional and unconventional best practices for designing a website for kids:

Conventional Best Practices

  • Create elements that are large and visually memorable
  • Use bright, vivid colors that stimulate the senses
  • Incorporate elements from nature
  • Create depth in the design
  • Add navigational elements that are large and easy to find
  • Use video
  • Include printable elements
  • Break the grid
  • Make modifications based on usability testing

Unconventional Best Practices

  • Create a happy, playful mood
  • Use animated characters
  • Use graphic-heavy navigation bars
  • Use Flash animation abundantly
  • Embed motions and sounds that trigger on page load
  • Include a “games” section
  • Change the cursor to contribute to the theme
  • Add voices to navigation rollovers
  • Be accountable to both children and parents

A Web designer who has worked on a children’s website would likely say that it was one of the most fun and interesting projects they’ve had the privilege of working on. If you ever have the opportunity to create a user experience that is geared towards children, be sure to follow some of the proven methods demonstrated on many of the sites discussed here, and your website will have a good chance to be a big hit with children.


  1. 1
  2. 2
  3. 3
  4. 4
  5. 5
  6. 6
  7. 7
  8. 8
  9. 9
  10. 10
  11. 11
  12. 12
  13. 13
  14. 14
  15. 15
  16. 16
  17. 17
  18. 18
  19. 19
  20. 20
  21. 21
  22. 22
  23. 23
  24. 24
  25. 25
  26. 26
  27. 27
  28. 28
  29. 29
  30. 30
  31. 31
  32. 32
  33. 33
  34. 34
  35. 35
  36. 36
  37. 37
  38. 38
  39. 39
  40. 40
  41. 41
  42. 42
  43. 43
  44. 44
  45. 45
  46. 46
  47. 47
  48. 48
  49. 49
  50. 50
  51. 51
  52. 52
  53. 53
  54. 54
  55. 55
  56. 56
  57. 57
  58. 58
  59. 59
  60. 60
  61. 61
  62. 62
  63. 63
  64. 64
  65. 65
  66. 66
  67. 67
  68. 68
  69. 69
  70. 70
  71. 71
  72. 72
  73. 73
  74. 74
  75. 75
  76. 76
  77. 77
  78. 78
  79. 79
  80. 80
  81. 81
  82. 82
  83. 83
  84. 84
  85. 85
  86. 86
  87. 87
  88. 88
  89. 89
  90. 90
  91. 91
  92. 92
  93. 93
  94. 94
  95. 95
  96. 96
  97. 97
  98. 98
  99. 99
  100. 100
  101. 101
  102. 102
  103. 103,game_toddler,game_preschool
  104. 104,game_toddler,game_preschool
  105. 105
  106. 106
  107. 107
  108. 108
  109. 109
  110. 110
  111. 111
  112. 112

↑ Back to top Tweet itShare on Facebook

Louis Lazaris is a freelance web developer and author based in Toronto, Canada. He blogs about front-end code on Impressive Webs and curates Web Tools Weekly, a weekly newsletter for front-end developers.

  1. 1

    very excellent! thank you soo much for posting ^_^

  2. 52

    This is a great site! I love using Squidoo to find stuff for my kids to read, watch, learn and play online. I found a great index of kids websites on . It has info on E-Learning, games, kids TV and software. Keep it up!

  3. 103

    Nice collection but not useful for inspiration….

  4. 154

    thanks for sharing. the article is really useful and the ideas are very interesting.

  5. 205

    Gail Cavanaugh

    July 1, 2010 4:05 am

    I found this website to be very useful. I was aware of the role that color plays and I am grateful for all the other tips. Thanks BFA for sharing your findings. I am trying to design an interesting site now, but I need more work! Excellent article!

  6. 256


    I would appreciate it very much if you could name quality-websites intended especifically to promote children´s learning- i.e. pedagogically valuable, but still attractive for children!


    • 307

      Hi Talia, I work on a website that might fit your requirement. – we help kids understand local (Australia) and world news and teach them the terms and concepts they may not be familiar with.

  7. 358

    This sight is NOTTTTTT very useful!!!!

  8. 409

    Nice… Thank you !

  9. 460

    Very Nice Work
    I am a school boy & from Pakistan.
    Now a days I am learning web designing & your this information is very help full for me.

  10. 511

    Excellent work!
    One of my personal favorites is Kiddicool. It’s probably designed more for parents than for kids, but it’s still childishly cute :)

  11. 562

    Another lovely site for children

  12. 613

    Thanks for this article. It’s sometimes a real struggle when it comes to design websites for kids..the fact is that we’re used to some habits and trends in typical modern Web design whereas designing for kids sometimes means to go against some of those habits..

  13. 664

    Re International: here in Victoria, Australia we redesigned our sites several years ago as an education department. We involved students in the design – they were brilliantly honest and sent us back to the drawing board on more than one occasion.
    Their biggest criticism was being patronised.
    We “sell” learning and have 3 different audiences.

    Early Childhood Age about 3 -7
    Primary 5-12
    Secondary 12- 17

  14. 715

    One of the problems I have with this magnificent list is that all of these sites are flash based. This means trouble for the mobile devices such as the iPad. So much good content inaccessible due to this limitation. Then to make matters worse the only way to get this equivalent content is to purchase the app. I have found one site that is still really new but they work great on my phone and iPad and it looks the same on the desktop. I hate mobile versions of websites!

  15. 766

    Thanks! This will help me a lot with my project for creating a flash game for kids. I hope I’ll pass my exam this time (*:

  16. 817

    Thanks, never thought the post would be long. I wonder if web designer should have a speciality., web designer for education / kids
    , web designer for corporate, and so on.

    Again thanks, you helped me in my project

  17. 868

    One thing I would like to add. I work for an Australian kids program and visit a primary school every fortnight to watch the show with them and get their feedback. As part of the visit we ask them to tell us their favourite website. Without a doubt, and despite even being too young to be allowed on it, they always have Facebook as their first preference with Youtube close behind – both sites noticeably void of the elements suggested in this post.
    I believe it is our assumption that kids are attracted to bright colours, cheesy graphics and superfluous animation. They are more compelled by (surprise) content that relates to them and what’s in their real world.

  18. 919

    This article can save a designer tons of research on the subject. Thank you for sharing your expertise with the viewers.

  19. 970

    Thank you so much for the effort of putting it together

  20. 1021

    HI! This is a commendable job and all the comments have definitely added to the knowledge quotient. I was looking for information on making a good website for my children’s newspaper. The old website needed to be revamped. I seem to have hit the gold pot at the bottom of the rainbow! Million thanks. Keep up the good work and many more people benefit.

  21. 1072

    In advance, sorry for the grammar.

    I realize that kids inside the target group of some of these websites weren’t even born the time this was written.

    But i still think most of the information is relevant. I was wondering if someone could make “kids” more specific. I think some of these websites are aimed at pre-schoolers and kids in the early fase of primary school. Do you guys think this information is still relevant for a target group between 8 and 12 years old? I believe they don’t really like childish stuff like this anymore, or am i wrong? Having a hard time finding the right words to find research about that specific group.


↑ Back to top