3 rules for designing a sexy app icon (+ giveaway!)

I’ve shared insights about Apple’s strategies for selecting the best apps and games in my interview at Appmasters.co recently. Apple simply follows how ordinary people behave in the store. As you would expect the key factor is the icon. It makes sense that the editorial team places all new and noteworthy apps in the form of an icon on a single grid as the first step of separating the great from the average.

Knowing this, the role of the icon in app marketing is unlimited. Basically, a bad icon kills ones chances of having the app selected for promoted spots. Today, I would like to share with you three examples of poor icons which we’ve redesigned into shiny new ones at Flow Studio. I believe this will give you an idea of how to create the icon concept and polish it therefore resulting in an ico which is “tasty” and “eye catching”.

Qubies

Qubies is a match-3 game mixed with falling blocks. Our friend, Lukas Korba, had a rather generic icon which wasn’t representing the game very well, nor was “catchy” enough. Richard quickly came up with an idea of the letter Q created from blocks which simply showed the games mechanics and created a colorful design.

Rule #1: Try to destill the essence of the app or game. What is it about? What is the key element or the most significant part of the design? Think about the icon as one drop from your bucket of features and screens in the app.

image

Octagon

Octagon was originally named Octoad and looked.. well, red 🙂 Lukas Korba, the great mind behind Octagon, was open to completely reskinning the game into trippy colors and add several thousand lines of code to offer players a greater variety of racing tracks. Overall, both the gameplay and design flourished and made Octagon a great hit among fast-reaction games. Watch the video comparison of the game before and after the redesign.

The game’s new looks were heavily inspired by the iOS7 colors and the logo of WWDC 2013. Again, we tried to minimalize the gameplay into a single symbol. Later, we tweaked colors and prepared versions for different stores – for example, the Mac version has a different shape than iOS to match the style of desktop icons. We also tested the icons on device screens as well as on App Store mockups to select the icon which stood out from the crowd the most.

Rule #3: Experiment and try different approaches. Don’t just stick to the first version if you’re not convinced. Test the icon in different shapes and environments. Tailor the icon for different stores.

image

Ocean Blast

Albert Kolacek, from Pandastic Games, just finished his second game called Ocean Blast. It’s a hyperpolish match-3 game with strategic elements and will launch this summer on iOS, Android and Facebook. Albert originally used one of the game characters which we call “Nemo” but this approach wasn’t doing a good job in comparison to other similar games. We recommended him to create the icon in the “Pixar style”: 3D, with an incredible amount of detail and big emotions. The audience is mostly women who love cuteness, so the icon must look sweet.

Rule #3: Bring the emotion and don’t be afraid to be different. It was groundbreaking to have a flat icon back in 2013 but today it is the opposite as the 3D and more realistic look might be a smart way to stand out from the crowd.

image

GIVEAWAY

We love design icons. We really enjoy the process and  hunting for shiny eye candies. That’s why we’re opening a giveaway contest in cooperation with Steve P. Young from AppMasters. The winner will get one free icon redesign by Flow Studio’s art director Richard Horin and graphic designer Petr Stefek. The rules are pretty simple. You could enter the contest by tweeting about this post and get additional entries by subscribing to Steve’s and Flow Studio’s blogs. Retweets of your friends count as well. The contest will be running until June 14 and the winner will be announced on our Twitter the following week. So, if you want a gorgeous icon for your app or game, join the contest now!

App Icon Redesign Giveaway

RELATED ARTICLES

did you like it? share it!

LINKEDIN
POCKET

Sign up for our newsletter

WANT TO KEEP READING?

Download the Mobile Ad Creatives eBook before you go!