<?xml version="1.0" encoding="utf-8"?>

What is Airbnb's mission? 

Airbnb is an app that bridges guests around the world to ‘Belong Anywhere,’ as guests rent out their homes and spaces to welcome adventure. With over 2 billion guest arrivals with 5 million hosts growing, what better way to bring guests and experiences into not only your home but also educate on celebrations and holidays, like Halloween. 

Why Halloween for Airbnb?

Halloween is not a holiday celebrated around the world. But when it is, it can be as big as festivals or as local as handing out candy and even pennies. What could it look like to get a glimpse of Halloween into your user experience to draw more users to explore to celebrate other cultures Holidays?

Choice to have Halloween mode? 

I find it important to allow users to opt out of experiences if they do not wish for it. So before showing the spooky version, I let the user choose their own adventure. 

Airbnb: Halloween Icon + UI Takeover 1

If they choose the spooky option, they will be educated along the way with how countries celebrate Halloween. Tool tips will appear an icon to show a resemblance and experience they may encounter on their trip. 

Airbnb: Halloween Icon + UI Takeover 2

Airbnb: Halloween Icon + UI Takeover 3

Airbnb's Icons

Airbnb’s icon set is a simple monochromatic icon with a mix of building structures, consistent shapes, and unified line weight to mimic home types and their experience. Their creativity in pushing their brand of 'home away from home' feel is in their top nav highlighting the homes. I chose to create a custom collection and icon for just ‘Haunted Mansions’ for users to search haunted places around the world. 

Airbnb: Halloween Icon + UI Takeover 4

It was fun to research and apply Halloween trends to the tool bar, like:

  • 'Explore' icon = Lollipops shape to match the magnifying glass 
  • 'Wishlists' icon = Candy bag to hold all their favorite candy/places
  • 'Trips' icon = The friendly neighborhood Airbnb ghost
  • 'Inbox' icon = Tombstone that people visit and talk to (the dead)
  • 'Profile' icon = A skeleton to outline your profile

Airbnb: Halloween Icon + UI Takeover 5

The other icons in the spooky takeover include:

  • Haunted Mansion (top nav bar)
  • Candy (like a home or experience to add to candy bag)
  • Pumpkin lantern (when exploring experience)
  • Penny (when exploring experiences)
  • Potion Pot (highly ranked and top pick potion)
  • Web (filter your search on the web)

Airbnb: Halloween Icon + UI Takeover 6

What did I learn? 

Not only do I love the user experience of Airbnb, but also the fun challenge to bring the holiday to their fingertips. This would be a fun exploration to do for multiple holidays or to personalize the users experience based on where they live or where they are going. I enjoy designing experiences, in person and on a device and loved this challenge to choose an app that does a great both with both. 

Tools used

Adobe Illustrator

From brief

Share

Share your insights — leave a project review and help others grow their skills

Reviews

15 reviews


Thanks for your sub, Candace!

Your work is really good! I love the cleanness and simplicity of the lines and the way you maintain the consistency of strokes. The only thing that i might have another look is that penny for a guy icon. Is too timid :D

Great vibes only!


Fantastic job, Candace! Your Halloween-themed icons bring a fun, festive touch to Airbnb, and the option to toggle spooky mode is so considerate. The icons feel well-balanced and consistent—just a tiny suggestion to make the candy icon a bit clearer. Overall, such a thoughtful and delightful design!

(edited)

I appreciated your work and the design of the icons. What I particularly liked was the option you provided for users to switch Halloween mode on or off, as this holiday isn’t celebrated worldwide. That’s a thoughtful touch. The icons also have a distinct Airbnb style, which is great. Well done!

Thank you very much for your feedback, Alesya!

This Halloween-themed design for Airbnb is fantastic! 

The option to switch to a spooky mode adds fun, and the themed icons like the haunted mansion and ghost are creative. 

I love the tooltips sharing Halloween traditions. 

Great job making the experience enjoyable and user-friendly! 


Your design is creative and successful with metaphoric icons of Halloween theme.

I like your design considerations which are user-needs prioritised with a base of Halloween culture while taking perspectives from Airbnb business.

Brilliant work! Thanks for sharing.


your project is very interesting, i like it


Clean and simple designs so really nice work, well done!


very nice idea, topic related, to the point


I appreciate the strategic scope of this project. The decision to use themed icons for a platform like Airbnb is both clever and practical. The icons are neatly designed and consistently labeled, which helps avoid confusion. However, there are a few instances, such as using the candies icon alone to indicate the wishlist, where clarity could be improved. Overall, this is a well-executed project.

Thank you very much for your feedback, Bing! I can explore more ideas with the candies, good call!

Hi :)

Love how you can change the halloween mode, so thoughful.

Keep the good work going!!


138 Claps
Average 4.6 by 30 people
5 claps
4 claps
3 claps
2 claps
1 claps
<?xml version="1.0" encoding="utf-8"?>