Piñata Farms mobile app. The app for creating video / image memes using the most advanced AI power
Piñata Farms mobile app. The app for creating video / image memes using the most advanced AI power
Piñata Farms mobile app. The app for creating video / image memes using the most advanced AI power
Piñata Farms is an app where we can build memes using stickers of heads that you can create inside the app. While the meme creation flow seems quite solid the sticker creation requires big improvements to it. Since stickers are the foundation of the meme we have to make sure the process should be smooth and flawless.
Piñata Farms is an app where we can build memes using stickers of heads that you can create inside the app. While the meme creation flow seems quite solid the sticker creation requires big improvements to it. Since stickers are the foundation of the meme we have to make sure the process should be smooth and flawless.
2019-2023
Motion design
Product design
Marketing support
2019-2023
2019-2023
Product design
Product design
Motion design
Motion design
Marketing support
Marketing support
Competitor Analysis
Competitor Analysis
Everything starts with research - whether broad or focused, it lays the foundation for impactful design. By defining boundaries and uncovering opportunities, we ensure that every solution is not only well-crafted but also competitive and meaningful.
Everything starts with research - whether broad or focused, it lays the foundation for impactful design. By defining boundaries and uncovering opportunities, we ensure that every solution is not only well-crafted but also competitive and meaningful.
Add Image
Piñata Farms
Canva
Pixomatic
ImgFlip
Layouts
Meme Templates
Blank Canvas
Search In Web
Segmentation
Actions to recreate
39
24
28
34
30
The current version of the app falls short in competition, as Piñata Farms doesn’t support adding full images to the canvas directly. However, this functionality can still be achieved through complex manual workarounds and adjustments.
The current version of the app falls short in competition, as Piñata Farms doesn’t support adding full images to the canvas directly. However, this functionality can still be achieved through complex manual workarounds and adjustments.
Most apps include redundant steps, such as confirming an image after selection - except for Pixomatic. By analyzing competitors, we can streamline the experience and enhance the product, removing friction and improving usability.
Most apps include redundant steps, such as confirming an image after selection - except for Pixomatic. By analyzing competitors, we can streamline the experience and enhance the product, removing friction and improving usability.
Improving User Flow
Improving User Flow
Problem 01
Problem 01
Problem 01
Creating a high-quality meme sticker requires multiple photos from different angles. Adding features to an already complex UI can overwhelm new users.
Creating a high-quality meme sticker requires multiple photos from different angles. Adding features to an already complex UI can overwhelm new users.
Problem 02
Problem 02
Problem 02
Users often struggle to differentiate between head stickers (for people) and item stickers (for non-living objects), resulting in them being used interchangeably
Users often struggle to differentiate between head stickers (for people) and item stickers (for non-living objects), resulting in them being used interchangeably
Problem 03
Problem 03
Problem 03
Creating multiple meme stickers with friends requires uploading too many photos at once, making the process lengthy and difficult for batch creation instead of having fun in the app
Creating multiple meme stickers with friends requires uploading too many photos at once, making the process lengthy and difficult for batch creation instead of having fun in the app
Problem 04
Problem 04
Problem 04
Meme sticker packs need names to be searchable, but manually naming each one quickly becomes tedious, especially at scale
Meme sticker packs need names to be searchable, but manually naming each one quickly becomes tedious, especially at scale
Solution
Solution
Solution
We've streamlined the user journey by using AI to eliminate redundant steps. Instead of uploading multiple images, the AI generates side poses from a single photo. With just a few clicks, you’re already creating and playing with your meme sticker pack.
We've streamlined the user journey by using AI to eliminate redundant steps. Instead of uploading multiple images, the AI generates side poses from a single photo. With just a few clicks, you’re already creating and playing with your meme sticker pack.
At first, this change felt risky, as the AI might produce lower-quality stickers, potentially affecting the content's overall quality. However, the result showed that users experienced less friction, and the meme quality was not impacted as expected.
At first, this change felt risky, as the AI might produce lower-quality stickers, potentially affecting the content's overall quality. However, the result showed that users experienced less friction, and the meme quality was not impacted as expected.
Piñata Farms needed faster, smoother content creation. I transformed the process by eliminating roadblocks and streamlining workflows, making production effortless and efficient
Outcome 01
Conversion went from 47% to 63%
Enhancing the creative flow boosted conversion and creation rates, generating more content. This drove higher user engagement and extended session times in the app.
Outcome 02
+11% more UGC
in the app
After the enhancement in the creation flow, we saw a spike in user-generated content. The feed page was one of the main sources of user creations, which enhanced our creation loop even more
Outcome 03
9 steps
3 steps
By reducing the number of steps and screens, we streamlined the process, creating more space to plan future features and simplifying development for faster, smoother updates
Outcome 01
Enhancing the creative flow boosted conversion and creation rates, generating more content. This drove higher user engagement and extended session times in the app.
Piñata Farms needed faster, smoother content creation. I transformed the process by eliminating roadblocks and streamlining workflows, making production effortless and efficient
Outcome 01
Conversion went from 47% to 63%
Enhancing the creative flow boosted conversion and creation rates, generating more content. This drove higher user engagement and extended session times in the app.
Outcome 02
+11% more UGC
in the app
After the enhancement in the creation flow, we saw a spike in user-generated content. The feed page was one of the main sources of user creations, which enhanced our creation loop even more
Outcome 03
9 steps
3 steps
By reducing the number of steps and screens, we streamlined the process, creating more space to plan future features and simplifying development for faster, smoother updates
Outcome 01
Enhancing the creative flow boosted conversion and creation rates, generating more content. This drove higher user engagement and extended session times in the app.
Piñata Farms needed faster, smoother content creation. I transformed the process by eliminating roadblocks and streamlining workflows, making production effortless and efficient
Outcome 01
Conversion
went from 47% to 63%
Enhancing the creative flow boosted conversion and creation rates, generating more content. This drove higher user engagement and extended session times in the app.
Outcome 02
+11% more UGC in
the app
After the enhancement in the creation flow, we saw a spike in user-generated content. The feed page was one of the main sources of user creations, which enhanced our creation loop even more
Outcome 03
9 steps
3 steps
By reducing the number of steps and screens, we streamlined the process, creating more space to plan future features and simplifying development for faster, smoother updates
Outcome 01
Enhancing the creative flow boosted conversion and creation rates, generating more content. This drove higher user engagement and extended session times in the app.
Establishing a design language
for Piñata Farms app
Establishing a design language for
Piñata Farms app
Establishing a design language for
Piñata Farms app
After establishing the core features, we shifted our focus to bringing our product’s vision to life - one that truly embodies our identity. This led to the creation of a new design system.
For startups, a design system is crucial for controlling costs, maintaining consistency, and enabling efficient, scalable, and cohesive product development.
2023
2023
2023
Design system
Design system
Design system
Building a vision with a design
system lean canvas
Building a vision with
a design system
lean canvas
Building a vision with a design system
lean canvas
PROBLEM 01
Sometimes, the workflow takes a lot of time to design from existing components
Sometimes, the workflow takes a lot of time to design from existing components
PROBLEM 02
Inconsistency with each new feature for designers and especially for developers
Inconsistency with each new feature for designers and especially for developers
PROBLEM 03
The design language and brand voice inconsistency issue
The design language and brand voice inconsistency issue
MATURITY LEVEL
01
Each product and service is designed custom, with nothing reused. However, foundational elements like reusable color palettes and typography styles are established to ensure consistency.
Each product and service is designed custom, with nothing reused. However, foundational elements like reusable color palettes and typography styles are established to ensure consistency.
CURRENT
02
Reusable components exist with minimal documentation outside the codebase. Their potential is limited without proper integration and detailed guidelines for consistency and scalability.
Reusable components exist with minimal documentation outside the codebase. Their potential is limited without proper integration and detailed guidelines for consistency and scalability.
GOAL
03
Most components are integrated into a library with detailed documentation, making the design system an essential part of the design workflow
Most components are integrated into a library with detailed documentation, making the design system an essential part of the design workflow
ADOPTION STRATEGY
Dedicate one day weekly to the design system.
Dedicate one day weekly to the design system.
VALIDATION
Entire design team and stakeholders
Entire design team and stakeholders
MAINTAINING
One designer
One designer
After a brief preparation and discovery phase, we ushered in a new era for Piñata Farms, laying the foundation for a young startup, block by block. We focused on scalability, ensuring the design could evolve with the product. Every decision was made to create a seamless experience while staying true to the brand’s identity and vision.
After a brief preparation and discovery phase, we ushered in a new era for Piñata Farms, laying the foundation for a young startup, block by block. We focused on scalability, ensuring the design could evolve with the product. Every decision was made to create a seamless experience while staying true to the brand’s identity and vision.
The design system was built using modern best practices, including:
The design system was built using modern best practices, including:
Atomic system approach
Atomic system approach
Atomic system approach
Token system
Token system
Token system
Components collections
Components collections
Components collections
Piñata Farms needed a faster design process. I introduced a design system that standardized components, improved collaboration, and optimized workflows, enabling quicker, more efficient development.
Outcome 01
Faster design
Creating a design system streamlined development, allowing us to work more efficiently, achieve desired outcomes faster, and maintain greater precision
Outcome 02
Token system
The new design system forms a foundation for future development, ensuring brand consistency, driving innovation, and using tokens for flexibility and scalability
Outcome 03
Cheaper development
A standardized component library enables developers to build assets efficiently, allowing faster testing, iteration, and a more agile workflow
Outcome 01
Enhancing the creative flow boosted conversion and creation rates, generating more content. This drove higher user engagement and extended session times in the app.
Piñata Farms needed a faster design process. I introduced a design system that standardized components, improved collaboration, and optimized workflows, enabling quicker, more efficient development.
Outcome 01
Faster design
Creating a design system streamlined development, allowing us to work more efficiently, achieve desired outcomes faster, and maintain greater precision
Outcome 02
Token system
The new design system forms a foundation for future development, ensuring brand consistency, driving innovation, and using tokens for flexibility and scalability
Outcome 03
Cheaper development
A standardized component library enables developers to build assets efficiently, allowing faster testing, iteration, and a more agile workflow
Outcome 01
Enhancing the creative flow boosted conversion and creation rates, generating more content. This drove higher user engagement and extended session times in the app.
Piñata Farms needed a faster design process. I introduced a design system that standardized components, improved collaboration, and optimized workflows, enabling quicker, more efficient development.
Outcome 01
Faster design
Creating a design system streamlined development, allowing us to work more efficiently, achieve desired outcomes faster, and maintain greater precision
Outcome 02
Token system
The new design system forms a foundation for future development, ensuring brand consistency, driving innovation, and using tokens for flexibility and scalability
Outcome 03
Cheaper development
A standardized component library enables developers to build assets efficiently, allowing faster testing, iteration, and a more agile workflow
Outcome 01
Enhancing the creative flow boosted conversion and creation rates, generating more content. This drove higher user engagement and extended session times in the app.
