Brand & Website Design for a Kids’ Code Camp

Summary: This kids' website uses Multimodality Theory to create an engaging experience by combining visuals, sound, and text. The design encourages learning through multiple forms of media, making the site both interactive and easy to navigate. By applying clear information design and playful interaction, the site is accessible and fun for kids of all ages.
s

The Challenge

As a volunteer to teach kids how to code, I needed a hub online to showcase their work as well as the next courses coming up. We also wanted to start gaining sponsors and donations. It was important to build the online presence to gain trust and build legitimacy.

The Process

I started with the brand / logo and began to craft the full online presence around that. Keeping the space theme and the blue tones I designed a very modern spacious WordPress website with minimal content. The theme has a hamburger menu only giving again that unique UX.

The Solution

Information Design: I organized the content to make it simple and easy for kids to understand, using big images and clear sections to guide them through the site.

Multimodality Theory: I used a mix of visuals, sounds, and text to keep the site fun and engaging, allowing kids to learn and explore through different types of media.

Interactive Design: I added playful elements like buttons and icons that kids can click, making the site more hands-on and enjoyable to use.

Plain Language Theory: I made sure the language was easy to read, using simple words and phrases to help kids quickly understand the information.

Deliverables

Before

The Logo / Brand

Wanting to craft an inclusive brand to be inviting to all genders, we didn’t adopt a human in the logo. We used an animal as a fun attention draw and of course, who doesn’t love a weenie dog?!

Mighty Good Coders

More Projects

Custom WordPress Mortgage Calculator

Custom WordPress Mortgage Calculator

In this step-by-step tutorial, I’ll show you how to use ChatGPT to generate and customize a fully functional mortgage calculator plugin for your WordPress website. Whether you’re a developer looking to save time or a beginner wanting to learn how AI can support your workflow, this guide walks you through the entire process—from prompt to plugin!

read more
Custom WordPress Calculator Plugin

Custom WordPress Calculator Plugin

I developed a custom WordPress plugin that functions as a water pump calculator, with the help of Claude 3.5 Sonnet. By providing a screenshot of an existing calculator, I prompted Claude to replicate it, resulting in a fully functional tool that can be easily integrated into any WordPress site.

read more