OVERVIEW
Problem
To effectively communicate our client's promotion of a 10% discount on subsequent purchases when a customer adds an item to their cart. Our challenge was to create a message that not only highlights the promotion but also encourages customers to take advantage of it.
CLIENT
Simple Modern
Outcome
I led my designer to create a visually compelling slide-in modal that showcases our client's 10% off promotion. We recognized the need to create a design that would capture the attention of users while maintaining a seamless user experience.
Simple Modern is a lifestyle brand that designs and sells high-quality products for everyday use, including water bottles, tumblers, and food containers.
The company's mission is to enhance the everyday lives of their customers by creating functional, stylish, and innovative products. Simple Modern places a strong emphasis on quality, sustainability, and customer satisfaction, and they offer a wide range of products in various colors, sizes, and styles to meet the needs of different lifestyles and preferences.
INFO
Role
Design Manager
Team
Design Manager (Me), CRO Strategist (Bruno) & UX/UI Designer (Sabbir)
Timeline
3 Days
HYPOTHESIS
Implementing a slide-in modal on the website to showcase an active promotion will increase conversion rates by providing high visibility and ensuring that the promotion message is seen by the customer, ultimately encouraging them to take action and make a purchase.
DESIGN STRATEGY
1
Clear Messaging
We will use clear and concise language to communicate the details of the promotion and the benefits of taking advantage of it.
2
Prime Placement
We ensure that the slide-in modal is placed in a prominent location on the website where it will catch the customer's attention and not interfere with their overall user experience.
3
Mobile Responsiveness
It’s important that the design is mobile-friendly and responsive to different screen sizes and resolutions.
4
A/B Testing
Our CRO Strategists will conduct A/B testing to test which design and messaging is most effective in encouraging customers to take action and make a purchase.
SOLUTION
A conversion-optimized design
Desktop design
Mobile design
Our team created several design options for the slide-in modal, taking into consideration the placement, verbiage, and imagery used.
We wanted to ensure that the message was clear and concise, while also creating an engaging experience that would encourage users to take advantage of the promotion.
RETROSPECTIVE
Final Thoughts & Takeaways
After careful consideration and testing, we selected the design that was most effective in communicating the promotion and creating a sense of urgency.
The selected design featured bold typography and graphics, along with clear verbiage that communicated the promotion's details. We also included engaging imagery that aligned with the client's branding and product offerings.
Overall, our team successfully created a visually appealing slide-in modal that effectively communicated our client's promotion and encouraged users to take action.