BANNER AUTOMATION
BANNER AUTOMATION
Faced with the challenge of automating e-commerce banner production for Nestlé, we embarked on a project that evolved into a versatile product utilized by the agency across various clients and scenarios.
Client
Nestlé | Kenvue
Year
2023-2024
Category
AI and Automation
Research
Research
The research phase focused on identifying the core elements that constitute effective e-commerce banners and exploring ways to automate the production process.
Key activities included:
Mapping out essential banner components: determining the optimal button placement, the ideal number of products to showcase, and the types of offers to highlight.
Designing an initial set of banner sizes to serve as a foundation.
Creating a comprehensive list of all required sizes to streamline production and ensure all formats were accounted for.
This groundwork laid the foundation for a scalable and efficient solution.
The research phase focused on identifying the core elements that constitute effective e-commerce banners and exploring ways to automate the production process.
Key activities included:
Mapping out essential banner components: determining the optimal button placement, the ideal number of products to showcase, and the types of offers to highlight.
Designing an initial set of banner sizes to serve as a foundation.
Creating a comprehensive list of all required sizes to streamline production and ensure all formats were accounted for.
This groundwork laid the foundation for a scalable and efficient solution.
Research
The research phase focused on identifying the core elements that constitute effective e-commerce banners and exploring ways to automate the production process.
Key activities included:
Mapping out essential banner components: determining the optimal button placement, the ideal number of products to showcase, and the types of offers to highlight.
Designing an initial set of banner sizes to serve as a foundation.
Creating a comprehensive list of all required sizes to streamline production and ensure all formats were accounted for.
This groundwork laid the foundation for a scalable and efficient solution.
Design
Design
The design approach prioritized simplicity and adaptability to accommodate diverse visual styles.
Key principles:
Placeholder Elements: Focused on creating a flexible framework with placeholder components, allowing users to visualize changes in real time as they made adjustments.
Abstract Templates: Developed highly adaptable templates that could seamlessly integrate with any key visual, regardless of its shape or size.
Scalable Flexibility: Ensured that the designs could adapt to various campaigns while maintaining consistency in branding and structure.
The emphasis was on functionality over aesthetics to empower users with a practical and user-friendly tool.
The design approach prioritized simplicity and adaptability to accommodate diverse visual styles.
Key principles:
Placeholder Elements: Focused on creating a flexible framework with placeholder components, allowing users to visualize changes in real time as they made adjustments.
Abstract Templates: Developed highly adaptable templates that could seamlessly integrate with any key visual, regardless of its shape or size.
Scalable Flexibility: Ensured that the designs could adapt to various campaigns while maintaining consistency in branding and structure.
The emphasis was on functionality over aesthetics to empower users with a practical and user-friendly tool.
Design
The design approach prioritized simplicity and adaptability to accommodate diverse visual styles.
Key principles:
Placeholder Elements: Focused on creating a flexible framework with placeholder components, allowing users to visualize changes in real time as they made adjustments.
Abstract Templates: Developed highly adaptable templates that could seamlessly integrate with any key visual, regardless of its shape or size.
Scalable Flexibility: Ensured that the designs could adapt to various campaigns while maintaining consistency in branding and structure.
The emphasis was on functionality over aesthetics to empower users with a practical and user-friendly tool.
Development
Development
Development focused on making the tool as intuitive and efficient as possible for designers, ensuring seamless integration with existing workflows.
Key strategies:
Figma Integration: Leveraged Figma as the primary creative platform, linking it to external spreadsheets or websites through plugins. This allowed for effortless content updates and streamlined collaboration.
User-Centric Approach: Developers worked closely with designers to implement necessary changes and ensure smooth usability.
Automation and Connectivity: Automated processes eliminated redundancies and reduced manual effort, allowing for faster production cycles.
This collaboration between design and development resulted in a tool that met both technical and creative needs.
Development focused on making the tool as intuitive and efficient as possible for designers, ensuring seamless integration with existing workflows.
Key strategies:
Figma Integration: Leveraged Figma as the primary creative platform, linking it to external spreadsheets or websites through plugins. This allowed for effortless content updates and streamlined collaboration.
User-Centric Approach: Developers worked closely with designers to implement necessary changes and ensure smooth usability.
Automation and Connectivity: Automated processes eliminated redundancies and reduced manual effort, allowing for faster production cycles.
This collaboration between design and development resulted in a tool that met both technical and creative needs.
Development
Development focused on making the tool as intuitive and efficient as possible for designers, ensuring seamless integration with existing workflows.
Key strategies:
Figma Integration: Leveraged Figma as the primary creative platform, linking it to external spreadsheets or websites through plugins. This allowed for effortless content updates and streamlined collaboration.
User-Centric Approach: Developers worked closely with designers to implement necessary changes and ensure smooth usability.
Automation and Connectivity: Automated processes eliminated redundancies and reduced manual effort, allowing for faster production cycles.
This collaboration between design and development resulted in a tool that met both technical and creative needs.
Finale
Finale
The automation of e-commerce banners revolutionized production by increasing consistency and reducing manual effort.
Results:
Delivery times were reduced by 95%.
Banner production became more consistent, requiring fewer revisions and yielding higher efficiency.
This project not only optimized the production process for Nestlé but also established a scalable solution that could be applied across various clients and campaigns.
The automation of e-commerce banners revolutionized production by increasing consistency and reducing manual effort.
Results:
Delivery times were reduced by 95%.
Banner production became more consistent, requiring fewer revisions and yielding higher efficiency.
This project not only optimized the production process for Nestlé but also established a scalable solution that could be applied across various clients and campaigns.
Finale
The automation of e-commerce banners revolutionized production by increasing consistency and reducing manual effort.
Results:
Delivery times were reduced by 95%.
Banner production became more consistent, requiring fewer revisions and yielding higher efficiency.
This project not only optimized the production process for Nestlé but also established a scalable solution that could be applied across various clients and campaigns.
More Works More Works
More Works More Works
BREAST CANCER AWARENESS
Product Design
2022
2022
BREAST CANCER AWARENESS
Product Design
2022
2022
BREAST CANCER AWARENESS
Product Design
2022
2022
BREAST CANCER AWARENESS
Product Design
2022
2022
ENGAJOU WEBSITE
Branding
2024
2024
ENGAJOU WEBSITE
Branding
2024
2024
ENGAJOU WEBSITE
Branding
2024
2024
ENGAJOU WEBSITE
Branding
2024
2024
©2025 LEONARDO MOUSSE
Go Back To Top
©2025 LEONARDO MOUSSE
Go Back To Top