DIALOG | Connect To Protect
Deliverables:
Visual branding + identity
Identity manual + guidelines
Print advertisements
Motion graphic advertisement
Responsive website design
What is DIALOG?
DIALOG is a non-profit dedicated in their mission to educate parents and guardians about video games.
The goal is to provide information and education necessary for parents and guardians to know what their child is playing, how much time they spend playing, and who they may be speaking to while playing online.
“Connect To Protect” is DIALOG’s catchphrase to encourage parents and guardians to connect with their children over video games in order to protect them from potential risks.
Goals:
Include the audience within the identity to provide additional connection with brand and consumer
Showcase the possible risks of over usage of video games in an approachable manner
Not to rely on video game imagery when discussing the topic and broaden the visual identity and branding
Craft a digestible ui/ux website application that provides parents and guardians with information and context
Programs:
Adobe Illustrator
Adobe Photoshop
Adobe InDesign
Figma
Challenges:
Creating a organization discussing video games but that is not for video games’ target audience
Deciding on deliverables that would caught the eyes of the intended audience in their daily routines
Crafting a brand identity that implies video games but doesn’t mainly video game imagery
This is where creative magic happens… after research!
The Current Situation
Not all parents and guardians know what content their children are being exposed to, what ratings are appropriate for their children, or what being a parent to a gamer looks like or how to go about it.
The Desired Situation
Parents and guardians would be able to connect with their children with video games, understand that not all video games are made with children in mind, and educate themselves about online safety while creating a healthy relationship with gaming.
The Consequences
Children will continue to be at risk of exposure to mature content, development of various technological based addictions or disorders, and online predators.
ESRB Rating Interpretations
The ESRB ratings are designed towards parents so they can make informed decisions about purchasing games for their children.
Based on the research conducting and studies, in all categories, under 50% of parents knew what the minimum intended ages were for ERSB ratings.
Credits:
Communications. Frontier. “Parents” Perceptions on Children’s Video Games Habits: Frontier.” Internet. Phone & amp:
TV Service Provider, frontier.com/resources/e-is-for-everyone-video-game-study. Accessed 2 Dec. 2023
How was the look and feel established?
Mood board - Pixels By Pixels
The overall concept for the visual direction was titled Pixels By Pixels.
It addresses that pixels can symbolize the increasing levels of parents’ and guardians’ understanding about video gaming.
The personality and visual presence of was defined by what DIALOG is and isn’t as well as how to tie video games into the organization’s image. It was essential to define what DIALOG stood for to represent them effectively.
DIALOG is not intended for children to use. It to aid in creating a safer environment for children and begin the conversation of healthy limits set by parent’s and guardians.
Key factors to include in the branding identity were:
Representation of parents and guardians
Risks of video games in approachable matter
Branding that implied video games
Putting a face to a name
The representation of parents and guardians with their children was necessary in the creation in the organization’s identity.
The name stems from the idea or feeling of video games but also what the word “DIALOG” stands for. The textbook definition of dialog is “the conversation between two or more people as a feature of media.”
The mission of DIALOG is to educate parents and guardians of gamers on how to establish protection, connection, and communication with their children regarding video games.
The vision of parents and guardians will feel secure knowing their children are safe while gaming and will be able to cultivate nurturing relationships with them.
Vertical Variations
Horizontal Variations
Logomark
Adding personality
to an identity
Illustrated Icons
Icons were illustrated to represent the possible risks of unsupervised video games or over usage. The risks displayed include addiction, predators/strangers, gambling, and explicit content.
Typography
The typography was to reflect technology but clean and clear enough for older individuals to read with ease. One type family was used which was Wonder Unit Sans.
Color Palette
The color palette was to reflect the colors that are currently popular within the video game and technology industries but adjusted to be more approachable for parents and guardians.
Branding in action
Print Advertisements
Print advertisements to inform parents and guardians about the risks of video games and about the organization’s website.
These print advertisements would be placed where children and parents/guardians would frequent occupy such as doctor offices, K–12 schools, and public play places.
Motion Graphic Advertisement
A motion graphic advertisement was created to reach parents and guardians on a digital platform and bring awareness to the risks video games could pose to children.
This ad would be showcased on public digital posters, Youtube ads, and commercials on TV.
Crafting an UI/UX experience
Responsive Website
The main way DIALOG provides information and education to parents/guardians is by their website which can be access from a desktop, laptop, or mobile.
The goal of the website is for have parents'/guardians connect their child’s gaming account so they are about to monitor their child’s usage and allow their to game safely online and appropriate amounts. This is where the dialog between parent/guardian and child happens.
Site Map/User Flow
Due to the website fairly small content wise, the site map and user flow were made as one.
The site map contains every page of the site and is organized by different colors. The user flow is indented by the different shapes on what the user could do on the page.
Stage 4
- Finalize primary deliverable
- Finalize secondary deliverable
- Create realistic mockups
- Present final design campaign
Interactive desktop website homepage that presents steps to parents and guardians on how they can take to protect their children who play video games online.
Interactive mobile website showcasing an user logging into their account.