Signs For A Cause - Design and share what you believe in.

As a Start-up, we wanted to create a one-of-a-kind platform to collect and share all the sign designs. Thus, we’ve decided to create the first-ever image library for protesting. Signs for a cause is a simple website platform where anyone can upload their sign designs for any topics, or download and print different sign designs to share with others.

Go to our website

 

Start-up:
Non-profit Organization: Signs For A Cause
Founder / Art Director: Yeon Yoon
Co-Founder / UX Designer: Jade Hong
Co-Founder / Account: Terry Choi
Co-Founder / Consultant: Sung Ha
Motion Designer: Jay Jang


My Role:

Brand system/Visual identity, UX/UI, Prototyping

 

 

Background

A protest is now part of our culture to make our voices heard and change happen.

Throughout history, legendary leaders and protestors marched and stood up for their rights, making their voices heard and change happen.

Insight

Protesting signs are always there with us in a critical part of our history.

Protesting signs play an essential role, and become more crucial, and creative. And now, more than ever, a sign with a symbol or phrase that captures a movement can be shared and spread everywhere to create change.

Target

Design Community and General Public.

 

 
Design Process
design+process.jpg
 
 
Background

A protest is now part of our culture to make our voices heard and change happen.

Throughout history, legendary leaders and protestors marched and stood up for their rights, speaking up their voices to make changes.

 
 
Logo Variation.jpg
 
 
Insight

Protesting signs are always there with us in a critical part of our history.

Signs play an essential and crucial role while protesting.

And now, more than ever, a sign with a symbol or phrase that captures a movement becomes more creative and be easily shared and spread everywhere to create changes.

 
 
00.jpg
 
 
Idea

Create a one-of-a-kind platform to collect and share all the sign designs.

We’ve decided to create the first-ever image library solely for protesting. “Signs For A Cause” is a simple website where anyone can upload their sign designs/posters or download and print different sign designs in order to use while protesting and express their voices.

 
 
Logo Variation.gif
 
 
Brand Identity

Designed inspiring branding and an adaptable logo.

Signs For A Cause is a platform where people and designers can share and download their ideas, designs, and copies of current social problems.

So, inspired by the shape of the traditional picket sign and simplified it to a more modern line icon, we added a square bracket to implement our voices and causes into the design.

 
 
Signs1_Alt3.jpg
Group-1.gif
Logo Color.jpg
Typography.jpg
Logo.jpg
Logo-Elementv2gif.gif
 
 
Product Design & Development

Created a web platform from the start to the end.

We started from a simple user flow to a fully flushed out UX design. Then, we adopted our brand identity to UI design. We wanted to create an easy web platform where anyone can easily use, yet aimed to achieve a minimalistic and unique design.

The design was so unique that we required highly skilled developers. So, we hired a team of developers and built the whole platform from the scratch. We communicated through a lot of zoom meetings and delivered our design via Zeplin.

 
 
User Flow
User flow.jpg
Iconography
Iconography.jpg
 
 
Home page/Landing page

In the home page, user will see all the sign designs from the artists or designers for various topics, such as Women’s Rights, LGBTQ, Police Brutality, Climate Change, and so on. Each tab has signs designs that are related to each topic.

The designs can be organized by sort. The user can “like” sign designs which will be stored in the user’s account’s history and check a number of likes, views, and download. Once the user logs into the account, he or she can even download the signs or add his/her sign designs.

 
 
 
Sign's Detail page & Download sign

In the home page, when the user clicks a sign design, the user can read all the detail information about the design - the designer, a short description about the design, “cause” topics, and so on. Also, user can zoom in the sign and can simply download the signs by logging into his/her account. Here, if the user clicks the download button, a popup message that reminds and emphasizes an importance of usage of posters and copyrights of all the posters from artists.

 
 
 
Add Your Sign

User can add his/her sign design with the 3 simple steps: 1. Upload Your Sign - 2. Edit Your Sign (resizing) - 3. Add Information. In each step, the progress indicator or guidance will be indicated at the top of the page.

 
 
 
Explore Artists

User can browse all the artists who uploaded their sign designs at Signsforacause.org. You can see the artist’s detail information such as his or her interest in cause and various sign designs.

 
 
Logo Start.jpg
 
Pin badges_110720.jpg
 
Frame 19.jpg
 
Clothing.jpg
 
Frame 21.jpg
 
Branding_Mockup.jpg
 
Frame 24.jpg
 
Frame 27.jpg
 
Frame 25.jpg
 
01 WildPosting.jpg
 
ae20f9_ee44f11b6d254929853dfc1a55d1cd5c_mv2.gif
 
Wireframe
Signs7_Wireframe.gif
 
Partnership

We partnered with one of the best art schools and organizations.

We partnered with the School of Visual Arts in New York. We implemented our mission to the school and design students encouraging them to design what they believe in.

And we reached out to an organization called ACLU to collaborate and provide design assets to their causes.

 
 
logos.jpg