creating my own cereal brand, cheery o’s

Graphic Design

Hello! Today I am going to design another brand! I have a lot of fun doing this, so I have decided to do it yet again. This time, we are going to make a cereal brand, which I am calling “cheery o’s.” (It kinda sounds like a cheap copy of Cheerios.) I am going to design the logo for cheery o’s, the box (just the front and one side), and a web ad.

I was lazy, so I didn’t make a mood board, but later I needed a place to store my colors, so I made a mood board. It literally only has three things on it, so I don’t think it’s very necessary to show it.

the logo

I started with two different fonts, Soleil and Hobeaux (I just realized at Hobeaux is pronounced “ho-bo” 😂). I really like the playful look of Hobeaux (which is the choice on top), so that’s what I went with. I actually ended up using Soleil for subtitles and such, so it proved itself to be useful as well!

I fixed the kerning, made a color palette, and outlined the text to fix up the letters a bit. The changes I made are super faint; I can’t even tell the difference myself (compare these two to the first image). I really like the color palette. I ended up making the two center colors the main colors and the two colors on the edges the accent tones, which will probably be used more on the box.

I added a tagline and made three different iterations of the logo. I don’t absolutely love any of them, but I’m still going to go with one of them because I don’t have very many more ideas right now. Also, the tagline — a breakfast food for gloomy mornings — means that it’s a cereal made for sad mornings, and the cereal will make you more cheerful. I used the word gloomy because it’s more comical-sounding. I ended up going for the bottom choice, which has the background color on the word cheery.


the box

First, we shall start with the front. I pasted in my logo, and then I added a gradient for the background and a single cheery o image. This was actually a Cheerio image, but I used Photoshop to remove the background. Making images transparent is super satisfying for some odd reason.

I didn’t like the sunset-y sky, so I changed it to the dark blue color. I also duplicated and shrunk the cheery o’s to make them raindrops under a cloud. I really like how the clouds turned out, and it was super easy to make them! All you have to do is put together three or four circles, add a rectangle at the bottom, and use the Pathfinder to mend all of them together. I also added a cheerful smile (pun intended) and the net weight, which I copied from a Cheerio box.

Also, the red ochre color wasn’t doing it for me, so I changed the color of the logo and stuck exclusively to blue. I know blue is the least appetizing color, but I really like the new look. I also added the flavor, which is blueberry maple (if I make more flavors in the future, I’ll probably just change the colors to match the flavor. I’d probably also choose a different weather forecast). In the corner I put some health remarks, which were absolutely arbitrary.

Now that we’ve got the front done, we have to do the side.

It was pretty simple, so I only have one screen shot of it, but I really like the side. It might match the front a bit too much, but that is okay. I am excited to see how the gradients bleed into each other on the mockup, though.


the mockup

So, I didn’t take any work in progress photos of the mockup, but it was super quick anyways. I really like how it turned out! The colors are super pretty and the gradient looks awesome! I’m glad I measured out the mockup beforehand because last time I did this I had to extend the background a bit. I wouldn’t be able to extend this background because of the gradient. I don’t particularly appreciate how the box is not centered, but there isn’t much I can do about that.

Also, you might notice that I changed the layout of the cereal on the side. I did this because I wanted the cereal on the side and the front to be part of the same rainfall and not separate ones, so I placed them more randomly.


the ad

Okay, so now we are going to create a web advertisement for my cereal. Nobody will eat my cereal if they do not see an ad for it first! I found an ad online and chose the size of that particular ad. It was 970 x 250 pixels.

The first thing that I did was get the mockup and use the object selection tool in Photoshop to remove the background of the cereal box mockup. It ended up a bit choppy, but I didn’t care to fix it because it’s going to be very small anyway.

After that, I added a few more things… and we are finished!

the finished mockup and ad

You already saw the mockup… but I’ll show it again. Blueberry maple cereal sounds like it would taste delicious. I kinda wish I could eat it right now.

And here is the ad! Yeah, you can easily tell that the box was very rapidly edited. Other than that faulty edge, I really like the ad! I especially like that all the colors are the same. I really like that the whole this is made with one color, though maybe the box would have popped more if I had used different background hues. Also, cheery-os.com is not a real domain. I searched it up on Google Domains and it is available, but I am most definitely not buying it.

Also, I wanted to see what the ad would look like a website, so I quickly took some screenshots and such and put this together! It looks nice, though I prefer not having ads on my website haha.


Maybe one day I’ll make another flavor. That sounds super fun, so I’ll probably do that sometime in the future. But for now, we only have blueberry maple. I hope you enjoyed seeing me make another brand! What is your favorite cereal brand? What do you prefer eating for breakfast? Have a fantastic week. Bye!