Rewards Program
Rewards Program
Rewards Program
Rewards Program
Biossance had a goal to launch a loyalty program as fast as they could. The goal was to create community, increase retention and drive conversion, with the potential to grow this new program to represent 30% of total Biossance.com sales.
With a restricted budget and short turnaround time, the leadership decided not to hire an agency for that and to move forward with the project internally. They've created a team and trusted me to lead the design and help building the program brand from the ground up.
Biossance had a goal to launch a loyalty program as fast as they could. The goal was to create community, increase retention and drive conversion, with the potential to grow this new program to represent 30% of total Biossance.com sales.
With a restricted budget and short turnaround time, the leadership decided not to hire an agency for that and to move forward with the project internally. They've created a team and trusted me to lead the design and help building the program brand from the ground up.
Biossance had a goal to launch a loyalty program as fast as they could. The goal was to create community, increase retention and drive conversion, with the potential to grow this new program to represent 30% of total Biossance.com sales.
With a restricted budget and short turnaround time, the leadership decided not to hire an agency for that and to move forward with the project internally. They've created a team and trusted me to lead the design and help building the program brand from the ground up.
Biossance had a goal to launch a loyalty program as fast as they could. The goal was to create community, increase retention and drive conversion, with the potential to grow this new program to represent 30% of total Biossance.com sales.
With a restricted budget and short turnaround time, the leadership decided not to hire an agency for that and to move forward with the project internally. They've created a team and trusted me to lead the design and help building the program brand from the ground up.
My Role
I was responsible for researching, conceptualizing the visual strategy, building the user journey, and creating the project landing pages (wireframes, interactive prototypes, mockups, icons, and final UI design). Also, worked with cross-functional partners and directed other designers to create the launch campaign and triggered emails, keeping visuals consistent across all marketing channels.
I was responsible for researching, conceptualizing the visual strategy, building the user journey, and creating the project landing pages (wireframes, interactive prototypes, mockups, icons, and final UI design). Also, worked with cross-functional partners and directed other designers to create the launch campaign and triggered emails, keeping visuals consistent across all marketing channels.
I was responsible for researching, conceptualizing the visual strategy, building the user journey, and creating the project landing pages (wireframes, interactive prototypes, mockups, icons, and final UI design). Also, worked with cross-functional partners and directed other designers to create the launch campaign and triggered emails, keeping visuals consistent across all marketing channels.
I was responsible for researching, conceptualizing the visual strategy, building the user journey, and creating the project landing pages (wireframes, interactive prototypes, mockups, icons, and final UI design). Also, worked with cross-functional partners and directed other designers to create the launch campaign and triggered emails, keeping visuals consistent across all marketing channels.
CLIENT
Biossance
ROLES
Lead Product / Visual Designer
ROLES
Lead Product Designer
Visual Designer
DURATION
Jul–Oct 2020
TOOLS
AdobeXD, Illustrator, Photoshop
TOOLS
AdobeXD
Illustrator
Photoshop
Competitive Analysis
Competitive Analysis
Competitive Analysis
Competitive Analysis
I've researched other brand's loyalty programs, logos, and landing pages and highlighted the similarities and what made each program unique. I've also analyzed how the LoyaltyLion platform works and its restrictions, so we could delimit what would be feasible and what would require extensive coding.
I've researched other brand's loyalty programs, logos, and landing pages and highlighted the similarities and what made each program unique. I've also analyzed how the LoyaltyLion platform works and its restrictions, so we could delimit what would be feasible and what would require extensive coding.
I've researched other brand's loyalty programs, logos, and landing pages and highlighted the similarities and what made each program unique. I've also analyzed how the LoyaltyLion platform works and its restrictions, so we could delimit what would be feasible and what would require extensive coding.
I've researched other brand's loyalty programs, logos, and landing pages and highlighted the similarities and what made each program unique. I've also analyzed how the LoyaltyLion platform works and its restrictions, so we could delimit what would be feasible and what would require extensive coding.
Customer Journey
Customer Journey
Customer Journey
Customer Journey
I drafted the customer journey so the loyalty team could have visibility of how each design asset and loyalty page would relate to each other and how to link each content.
Established designer roles and how their work influenced each part of the journey.
I drafted the customer journey so the loyalty team could have visibility of how each design asset and loyalty page would relate to each other and how to link each content.
Established designer roles and how their work influenced each part of the journey.
I drafted the customer journey so the loyalty team could have visibility of how each design asset and loyalty page would relate to each other and how to link each content.
Established designer roles and how their work influenced each part of the journey.
I drafted the customer journey so the loyalty team could have visibility of how each design asset and loyalty page would relate to each other and how to link each content.
Established designer roles and how their work influenced each part of the journey.
Visual Identity & Design Patterns
Visual Identity & Design Patterns
Visual Identity & Design Patterns
Visual Identity & Design Patterns
Based on the Biossance brand color palette, I've created some new color shades for fonts—that are ADA compliant (WCAG AAA)—to use on the program pages. My goal with this was to make the loyalty program completely accessible to people with disabilities.
Based on the Biossance brand color palette, I've created some new color shades for fonts—that are ADA compliant (WCAG AAA)—to use on the program pages. My goal with this was to make the loyalty program completely accessible to people with disabilities.
Based on the Biossance brand color palette, I've created some new color shades for fonts—that are ADA compliant (WCAG AAA)—to use on the program pages. My goal with this was to make the loyalty program completely accessible to people with disabilities.
Based on the Biossance brand color palette, I've created some new color shades for fonts—that are ADA compliant (WCAG AAA)—to use on the program pages. My goal with this was to make the loyalty program completely accessible to people with disabilities.
Created icons based on the brand icon guidelines and updated the design system, using the same colors and style as what's used for other brand moments, making everything consistent.
Created icons based on the brand icon guidelines and updated the design system, using the same colors and style as what's used for other brand moments, making everything consistent.
Created icons based on the brand icon guidelines and updated the design system, using the same colors and style as what's used for other brand moments, making everything consistent.
Created icons based on the brand icon guidelines and updated the design system, using the same colors and style as what's used for other brand moments, making everything consistent.
Loyalty Designs on Biossance.com
Loyalty Designs on Biossance.com
Loyalty Designs on Biossance.com
Loyalty Designs on Biossance.com
I created several landing pages for this program and versioned them for loyalists and non-loyalists. Account holders (loyalists) get all information about their points, tier, tier expiration date, and can see the available rewards and how many points they still need to accumulate to redeem a specific reward.
Non-account holders (non-loyalists) have access to all program perks in an easy, digestible way. In the mobile version, the CTA button sticks to the top menu when scrolling down, so the user can easily join the program no matter they are in the page.
I created several landing pages for this program and versioned them for loyalists and non-loyalists. Account holders (loyalists) get all information about their points, tier, tier expiration date, and can see the available rewards and how many points they still need to accumulate to redeem a specific reward.
Non-account holders (non-loyalists) have access to all program perks in an easy, digestible way. In the mobile version, the CTA button sticks to the top menu when scrolling down, so the user can easily join the program no matter they are in the page.
I created several landing pages for this program and versioned them for loyalists and non-loyalists. Account holders (loyalists) get all information about their points, tier, tier expiration date, and can see the available rewards and how many points they still need to accumulate to redeem a specific reward.
Non-account holders (non-loyalists) have access to all program perks in an easy, digestible way. In the mobile version, the CTA button sticks to the top menu when scrolling down, so the user can easily join the program no matter they are in the page.
I created several landing pages for this program and versioned them for loyalists and non-loyalists. Account holders (loyalists) get all information about their points, tier, tier expiration date, and can see the available rewards and how many points they still need to accumulate to redeem a specific reward.
Non-account holders (non-loyalists) have access to all program perks in an easy, digestible way. In the mobile version, the CTA button sticks to the top menu when scrolling down, so the user can easily join the program no matter they are in the page.
As the lead designer in this project, I directed other two designers, making sure to keep visuals consistent across the board. The whole project was extremely collaborative, and the group worked together to ensure deadlines were being met while still delivering great assets.
As the lead designer in this project, I directed other two designers, making sure to keep visuals consistent across the board. The whole project was extremely collaborative, and the group worked together to ensure deadlines were being met while still delivering great assets.
As the lead designer in this project, I directed other two designers, making sure to keep visuals consistent across the board. The whole project was extremely collaborative, and the group worked together to ensure deadlines were being met while still delivering great assets.
As the lead designer in this project, I directed other two designers, making sure to keep visuals consistent across the board. The whole project was extremely collaborative, and the group worked together to ensure deadlines were being met while still delivering great assets.
Managing other designers
Managing other designers
Managing other designers
Managing other designers
Roadblocks
Roadblocks
Roadblocks
Roadblocks
During the design process I had to stop and learn how the LoyaltyLion platform works and its restrictions to delimit what type of modifications would be feasible, was what preset and what could be coded.
During the design process I had to stop and learn how the LoyaltyLion platform works and its restrictions to delimit what type of modifications would be feasible, was what preset and what could be coded.
During the design process I had to stop and learn how the LoyaltyLion platform works and its restrictions to delimit what type of modifications would be feasible, was what preset and what could be coded.
During the design process I had to stop and learn how the LoyaltyLion platform works and its restrictions to delimit what type of modifications would be feasible, was what preset and what could be coded.
Another bump in the road was the creation and approval of ADA compliant colors that weren't accounted for at early stages of the project.
Another bump in the road was the creation and approval of ADA compliant colors that weren't accounted for at early stages of the project.
Another bump in the road was the creation and approval of ADA compliant colors that weren't accounted for at early stages of the project.
Another bump in the road was the creation and approval of ADA compliant colors that weren't accounted for at early stages of the project.
Takeaways
Takeaways
Takeaways
Takeaways
Collaboration and constant alignment are extremely important to accelerate complex projects.
Collaboration and constant alignment are extremely important to accelerate complex projects.
Collaboration and constant alignment are extremely important to accelerate complex projects.
Collaboration and constant alignment are extremely important to accelerate complex projects.
Mapping the user journey allows not only to understand the path the user takes, but also the pain points and project priorities.
Mapping the user journey allows not only to understand the path the user takes, but also the pain points and project priorities.
Mapping the user journey allows not only to understand the path the user takes, but also the pain points and project priorities.
Mapping the user journey allows not only to understand the path the user takes, but also the pain points and project priorities.
Results
Results
Results
Results
I am incredibly proud of building this project from the ground up with an amazing team of professionals involved throughout the whole process. It was a great effort, and the extremely collaborative work made it so much easier to make this huge project (that initially seemed infeasible) become reality.
The Biossance Clean Crew program was launched on 10/13/2020, and really well received by our customers, delivering an average of 40% of total Biossance.com revenue every month.
Total number of Clean Crew Loyalists enrolled in the first week:
47,819 ✨
I am incredibly proud of building this project from the ground up with an amazing team of professionals involved throughout the whole process. It was a great effort, and the extremely collaborative work made it so much easier to make this huge project (that initially seemed infeasible) become reality.
The Biossance Clean Crew program was launched on 10/13/2020, and really well received by our customers, delivering an average of 40% of total Biossance.com revenue every month.
Total number of Clean Crew Loyalists enrolled in the first week:
47,819 ✨
I am incredibly proud of building this project from the ground up with an amazing team of professionals involved throughout the whole process. It was a great effort, and the extremely collaborative work made it so much easier to make this huge project (that initially seemed infeasible) become reality.
The Biossance Clean Crew program was launched on 10/13/2020, and really well received by our customers, delivering an average of 40% of total Biossance.com revenue every month.
Total number of Clean Crew Loyalists enrolled in the first week:
47,819 ✨
I am incredibly proud of building this project from the ground up with an amazing team of professionals involved throughout the whole process. It was a great effort, and the extremely collaborative work made it so much easier to make this huge project (that initially seemed infeasible) become reality.
The Biossance Clean Crew program was launched on 10/13/2020, and really well received by our customers, delivering an average of 40% of total Biossance.com revenue every month.
Total number of Clean Crew Loyalists enrolled in the first week:
47,819✨
