Designing an inclusive and fun avatar set for
Port Messeneger
Designing an inclusive and fun avatar set for
Port Messeneger
Welcome All!
Let the party begin🤗🤗
Howdy :)
Hi All😬😅
hmm👀👀
Overview
Overview
Port Messenegr is a communication app enabling secure connections without phone numbers. I designed an inclusive avatar set under tight constraints, as existing solutions lacked proper representation. This gap risked alienating users and weakening brand identity.
Responsibilities and Contributions
Responsibilities and Contributions
🎨 Created a diverse avatar set from scratch, handling everything from ideation to execution.
🖌️ Designed and shipped the first 10 avatars, ensuring a cohesive visual style.
🏗️ Built a scalable system that streamlined avatar expansion, improving design quality by 100%.
🎨 Created a diverse avatar set from scratch, handling everything from ideation to execution.
🖌️ Designed and shipped the first 10 avatars, ensuring a cohesive visual style.
🏗️ Built a scalable system that streamlined avatar expansion, improving design quality by 100%.
Outcomes
Outcomes
🏗️ Built a system that can generate 1,134 unique avatars, making future expansion effortless.
✅ Got stakeholder approval to roll out avatars seamlessly across the platform.
🎨 Made avatars a key part of Port’s app and is live on the app store.
🏗️ Built a system that can generate 1,134 unique avatars, making future expansion effortless.
✅ Got stakeholder approval to roll out avatars seamlessly across the platform.
🎨 Made avatars a key part of Port’s app and is live on the app store.
Existing Avatars 🚫
Existing Avatars 🚫
New Avatar Set ✅
New Avatar Set ✅
What were the Challenges?
What were the Challenges?
🚫 The existing avatars don’t fully represent our diverse user base.
⏳ Expanding the current set would demand substantial time and resources.
🎭 The avatars feel generic and lack an engaging, playful touch.
🚫 The existing avatars don’t fully represent our diverse user base.
⏳ Expanding the current set would demand substantial time and resources.
🎭 The avatars feel generic and lack an engaging, playful touch.
How I came up with a
Solution?
How I came up with a
Solution?
🔍 Explored various inspirations, but initial Pinterest moodboarding lacked the uniqueness I was aiming for.
🎥 A breakthrough came from a YouTube Shorts video on math trivia, introducing the concept of tessellations—a perfect fit for component-based design.
✏️ Started sketching patterns in my diary, experimenting with vibrant, repeating forms to ensure scalability.
🎨 Used Figma to refine and finalize the avatars, creating a visually cohesive and flexible system.
4o
🔍 Explored various inspirations, but initial Pinterest moodboarding lacked the uniqueness I was aiming for.
🎥 A breakthrough came from a YouTube Shorts video on math trivia, introducing the concept of tessellations—a perfect fit for component-based design.
✏️ Started sketching patterns in my diary, experimenting with vibrant, repeating forms to ensure scalability.
🎨 Used Figma to refine and finalize the avatars, creating a visually cohesive and flexible system.
4o
Branding collaterals
Takeaways
Takeaways
⚙️ Scalable design lays the foundation for long-term product growth and adaptability.
🎯 Strengthened my user-first mindset, creating designs that truly resonate with diverse audiences.
⚙️ Scalable design lays the foundation for long-term product growth and adaptability.
🎯 Strengthened my user-first mindset, creating designs that truly resonate with diverse audiences.
View other case study
