Halloween-themed icon set for Instagram app
Key idea
Redesign simple, laconic icons set in the existing brand style of the Instagram app, but animate icons on select / tap action. This is more like an easter-egg approach: the user initially sees a pretty normal icon, and the actual spook 👻 shows up when tapping the icon.
Design process & Challenges
The main challenge was to find a proper halloween-ish 🎃 visual metaphor in standard, well-known icons (home, user, add, search, settings, etc.). The biggest challenge was to make animation only with Figma native tools (in a prototype mode).
The best way to present icons is to see them in motion. So please, follow the Figma link 🔗
Tools used
From brief
Topics
Share
Reviews
A
A
A
A
A
A
A
A
A
You might also like

Project
Jeel app website wireframes
Redesigning Jeel website for many Business Goals/ User Needs: Shows what the application is about. What are the benefits users can get from

Project
Ithnain Management System
Creating a Design system for a management system for a healthcare app. Starting from understanding main functions for every user type by lis

Project
ALT.Studio Color System
The color palette of ALT Studio was developed to reflect the brand’s personality and values. The bright primary colors (Lime Green, Solar Ye

Project
2 PAY
2Pay Workshop: Building the Future of Cross-Border Transfers

Project
Visit Sri Lanka Mobile App
Problem StatementTourists and local travelers face difficulty finding accurate travel information, planning trips efficiently, and booking r

Project
Design Workshop Plan
It's part of the work I'm doing for a while Part 1 - Research Part 2 - Prototype
Visual Design Courses
Course
UX Design Foundations
Learn the essentials of UX design to build a strong foundation in core principles. Gain practical skills to support product development and create better user experiences.
Course
Introduction to Figma
Learn essential Figma tools like layers, styling, typography, and images. Master the basics to create clean, user-friendly designs
Course
Design Terminology
Learn UX terminology and key UX/UI terms that boost collaboration between designers, developers, and stakeholders for smoother, clearer communication.