UX Story

Kids of Iron

ילדי הברזל

A Volunteering Project

Due to the war in Israel “Iron Swords”, many children got exposed to very graphic content, and we wanted to give them an environment, full of distructions from the situation, and help their parents find it quickly, all contents in one place.

Scope

1-2 weeks (Urgent project)

My Role

UX UI designer, part of design team

01.

Personas

In this project, we encountered two distinct user personas: the Stressed Parent and the Inquisitive Child.

Designing an interface to accommodate these two unique personas presented an interesting challenge, where efficiency and accessibility were balanced with a delightful and engaging user experience.

02.

Site Map

We decided to make the design very simple and intuitive, with as less complexity as possible,
for parents to be able to find content in the website easily and fast, and for kids to understand the website navigation without the help of their parents.

03.

Challenges

Tight Timeframe

This project's core aim was to provide parents and children with an easy-to-use interface to access content that distracts from the war and shields them from graphic content on social media. This meant that we had to deliver the project quickly to serve this purpose effectively.

Limited Research

In a typical UX/UI project, we take the time to research and test our interfaces with users. However, this project was born out of the urgent need during a war situation, leaving no time for formal research. We had to rely on our intuition and prior knowledge to understand our users' needs and behaviors.

04.

The UI

Colors

We went with a vibrant yellow as our main color, which represents fun and happiness in color psychology. For text, we used a dark blue color, not too different from black, to reduce contrast and make it easier on the eyes. In alignment with our goal to reduce contrast, we chose a beige background over white.

After examining different children’s interfaces, we decided to give our website a colorful appearance. However, we carefully picked colors that are both lively and calming to maintain a stress-free environment.

This choice also inspired us to create distinct secondary colors for each category, using abstract shapes in the design.

Characters & Icons

We aimed to include kid-friendly characters on our website so that children could relate to them. To meet our tight project deadline, we collaborated with Midjourney for quick vector drawings.

We also prioritized creating lively icons since our target audience included children who might not be able to read yet.

Styleguide

Despite our tight schedule, we managed to create a style guide from scratch to give the interface a unique appearance. We maintained clear design rules by using components and styles.

Find Out More Projects

Trucknet's Projects