top of page
  • Writer's pictureDinh Huy Truong

Simple Steps To Design a Mascot From Scratch

Updated: 15 hours ago

If you are looking for rooms to improve your product, I would like to introduce a secret sauce, a mascot, which not only increases app engagement efficiently but also enhances user interaction well.

In reality, its benefits far exceed its creativities, a mascot actually can attract user attention very well, moreover, with heavy tasks such as upload & download files, synchronization, and transaction, a mascot is particularly helpful to reduce the drop-off rate as well as enhance user experience. Besides, as mascot is enjoyable and form instant connections it becomes ideal content for sharing in your app.

Some quick benefits of using a mascot

  1. Improve your product/ app recognition significantly.

  2. Attract user attention better than text.

  3. Humanize your product, leading in-app conversation efficiently.

  4. Opportunities for improving the esthetic aspects of UIs.

However, developing a mascot seems to be a huge challenge for beginners since they have no idea where to start.

In this guide, I would like to give you an overview of the steps to create a mascot from scratch along with a simple case study Mana Character of Manabie Student App.

Ready to build a mascot from scratch? Let’s start!

Step 1: Understand the Brand & Target Audience

Before sketching out a character, let's write down a short story first. Starting from a story is a good point to help you imagine appearance and characteristics of the character.

For example, if you are going to create a cute and adorable cartoon character for kids, the first idea that comes to your mind could be a round shape such as a ball, a pea, or an egg.

The more you depict, the more character details will be revealed, this information is particularly valuable for the next steps.

Step 2: Brainstorming

Step 2: Sketch Out Concepts

To begin with, let's start with basic shapes such as circle, rectangle, and square. Next, based on the story and your imagination, adding features to your cartoon character such as hands, legs, tail... In this stage, do not fall into every detail and do not afraid of mistakes, if it does not look good, try again until you think your sketches are good to go further.

Mana Character Sketch

Step 3: Define The Colour Scheme

In this stage, let's simply reflect brand color to the mascot. For example, Mana Character is reflected in green color from Manabie logo.

Color Scheme - Mana

To make your character attractive, you can add more colors by applying color harmony. Although there are many combinations I strongly recommend to use 3 combinations below

a. Complementary

The high contrast of complementary colors creates a vibrant look especially when used at full saturation. This color scheme must be managed well so it is not jarring.

b. Analogous

Analogous color schemes are often found in nature and are harmonious and pleasing to the eye.

c. Split-Complementary

This color scheme has the same strong visual contrast as the complementary color scheme, but has less tension.

Step 4: Build a comprehensive version

Now, it's time to develop a comprehensive version. Let's pick the most favorite sketch and start adding details as well as coloring.

"The first step is always the hardest" as I have witnessed, normally people tend to give up at the first draws since they think they can not do it, or rather, no talent to draw. However, drawing and painting a simple character is not as hard as you think, all that you need is practice, practice, and practice, gradually your hand to visualize exactly your imagination. Also, my advice for this case is patient, diligent, and believe in yourself.

To improve drawing skill, you can start from lines, curves, and simple shapes drawing, then level up to complicated and mix objects.

Birthday Card
Happy Mother's Day

In conclusion, a mascot is a creative idea that you should try for your product/ app. In term of this article, I would like to give you an overview of mascot construction step by step along with advice, tips, and real example.

Hope you find this helpful. If still in doubt, ask me for further help. 😉

556 views0 comments

Recent Posts

See All


bottom of page