Spigen Sustainability Project

Established a visual system to support the cohesive sustainability efforts of the brand.
Overview
As sustainable practices gained prominence, Spigen started receiving a significant amount of environmental concerns and questions from our customers. Our goal was to alleviate concerns and actively involve our customer base in Spigen's sustainability initiatives by partnering with Close the Loop to recycle old phone cases. Ultimately, we aimed to enhance customer trust and loyalty to the brand through this engagement.
Contribution
Branding
UX/UI Design
Marketing Design
Team
Amy Lee (UX/UI Designer)
Jason Kim (Director, PM)
Janice Lee (Engineer)
Timeline
1 Month,
Went live in October 2022

Problem & Solution

Problem

Growing concerns about environmental impact from our customers.

Growing concerns about environmental
impact from our customers.

solutions

Initiated refill orders for screen protectors, promoting plastic tray reuse among customers
Enrolled in Shopify Planet to offset carbon emissions actively
Initiated refill orders for screen protectors, promoting plastic tray reuse among customers
Enrolled in Shopify Planet to offset carbon emissions actively
Initiated refill orders for screen protectors, promoting plastic tray reuse among customers
Enrolled in Shopify Planet to offset carbon emissions actively
Collaborated with Close the Loop on recycling phone cases project
Created a visual narrative to communicate these initiatives effectively through landing page and newsletters (this project!)
Collaborated with Close the Loop on recycling phone cases project
Created a visual narrative to communicate these initiatives effectively through landing page and newsletters (this project!)
Collaborated with Close the Loop on recycling phone cases project
Created a visual narrative to communicate these initiatives effectively through landing page and newsletters (this project!)

Landing Page Design

Landing Page Design

Landing Page Design

Intro

Inspiring action through visual storytelling.

A trash-filled underwater image transforms into clean water through a parallax scrolling effect, illustrating the importance of ocean preservation. This visual metaphor is designed to urge users to confront ocean pollution and motivate them to take action.

second part

Introduction to Spigen's sustainability efforts.

We named three distinct programs encapsulating Spigen's sustainable initiatives: Recycle, Reuse, and Reduce. The typographical emphasis on "re" subtly reinforces the sustainability message.

third part

Disappearing plastic cases scroll effect.

The gradual disappearance of phone cases while scrolling serves as a visual metaphor for "Reduce Plastic Waste," intended to create an engaging narrative.
The gradual disappearance of phone cases while scrolling serves as a visual metaphor for "Reduce Plastic Waste," intended to create an engaging narrative.

conclusion

Ending with a call to action.

The landing page concludes with the four-step process of the Recycle Program, simplifying the entire journey for users. Additionally, a celebratory feedback message appears after submission to reinforce the positive feelings of accomplishment.
After six months since the project's launch, I gathered and integrated factual impact numbers. The statistical tracking of motion graphic aims to highlight the impact of customer participation and encourage ongoing engagement in environmental actions.

Colors & Marketing Visuals

color choices

I chose green and white as the primary colors to embody an eco-friendly message.

#008000

#E5E7EB

#FFFFFF

marketing visual

Results

Within one month of launching the Recycle Program, our sustainability efforts attracted a total of 4,212 visitors, resulting in 1,160 signups.
27.5% of landing page visitors signed up for the Recycle Program, and 5.6% of them actually returned the cases.
After 6 months, total of 4,754 cases have been collected.

feedback from customers