Spooky Icons Set

Introduction

Spooky Icons Set is designed specifically for a profile page within an e-commerce mobile application. As a girl born on October 31st, I consider Halloween very close to my heart and soul, so the whole process was even more fun to me than any other brief. In the end, I came up with a cohesive set of 13 icons and a spooky colour palette, so let's get into that.

Design Process

I started my creative process by choosing icons that can be used within the profile page and drafting their Halloween-themed equivalents.

After that stage, I have found some inspiration and created a mood board. During that step, I decided to make some changes between the draft and Figma design for some icons.

The next step was to create a spooky-themed color palette. I decided to go with two bold colours and two neutrals.

13 icons

13 is not a random number concerning that project. First of all, 13 is considered an unlucky number, especially when it comes to Friday 13th. Additionally, 13 is the opposite of 31, which is the day of Halloween. With that explained here are the final designs.

As presented above I designed icons such as: menu, chat, dark mode, location, exit, home, profile, saved, edit, search, settings, log out and basket. Some of the icons are just slightly redesigned, however some of them has changed completely. That's why not to confuse the user all of them are signed within the app.

Challenges

The biggest challenge for me was to match my ideas with real-life icons. Not everything that is linked to Halloween theme is possible to fit into the app iconography. The other thing is that not every idea is the same in designer's and user's head. That's why I decided to make a simple corridor testing with my friends and family who helped me recognize the icons which was not clear enough.

Happy Halloween 👻

Weronika Nowak