The Runaway Chickens

Overview

Project Scope: Tasked to design a logo and poster for a company or project of your own creation. Upon completion, design and prototype an interactive digital application for mobile – Android, iOS or web, and create a style guide for that application.

The Runaway Chickens is an upcoming imaginary indie game created by Braincell 0.5, an imaginary small indie game company that aims to deliver quirky, pun-filled pixel art games.

It was created as part of a UI/UX module in Digipen where the goal was to come up with a logo, poster and digital application of your choice accompanied by a style guide. This project was a continuation across all assignments in the same module, where I was limited to using the same concept and elements across all assignments.

End Product: Logo, Poster, Style Guide and Figma Prototype

Research & References for the Logo

For the logo, research was done on similar indie game company's logo. Since Braincell 0.5 is established as an indie game company, its style would be similar to that of most indie company which includes a logomark and a logo type. Braincell 0.5 also specializes in quirky, pun-filled games, thus a logo with a funny or comical approach be it in its elements or logo mark would be the most ideal. I have decided to go for friendly and soft colors as they would evoke a calm and peaceful ambience.

After sufficient references research have been done, I started coming up with rough sketches for the logo. I would then gather input and feedback from others before narrowing down to the one that is most suitable for the game company. I would then experiment with different typography and color scheme for the logo before solidifying on the final one. All illustrations were done in Adobe illustrator.

Logo Style Research

Color Palette

Sketches

Design Variations

Typography Variations

Finalized design

Poster

As for posters, similar research for references was spent on indie game company's logos. Different poses and composition, both static and dynamic was placed into consideration during the process of ideation. For consistency, similar color palette was used for both the logo and poster. The poster was created in both Adobe Photoshop and illustrator.

Poster Style Research

Dynamic Pose Research

Sketches

Top 3 Chosen Ideas

Chosen Design Variation

Finalized Design

Style Guide

With the poster and logo design settled, creating a digital application based on the same concept was much easier as the foundation and elements were already present. I decided to go for a indie game company website similar to that of most indie game companies. Before diving into creating the website, I first needed a styleguide that I could follow closely to.

Digital Application

After coming up with the intended style guide, the last step would be to create the actual prototype. This is done in Figma. After deliberate planning on the essential screens to have in a indie game company site, these are some of them:

Landing Page

About Page

News Page

Games Page

Contact Page

Apply for Job Page

FAQ Page