Sorry!!
I'm still working on the code to make this site resposive for all sizes. Please visit the site on desktop (over 1180px) to view my portfolio.
Thank you.
The #WeAreAllHumanity campaign was launched in Summer 2018. USA for UNHCR, the UN Refugee Agency, is a nonprofit dedicated to helping refugees survive, recover and build a better future. They partnered up with the team at Citizens of Humanity to highlight the similarities and embrace differences that make up all of humanity. For the first 10,000 posts, Citizens agreed to donate $10 every time someone posted an image to Instagram using the HUMANITY filter and the hashtag #WeAreAllHumanity. The campaign goals were to bring awareness to the struggles of refugees, share messages of strength, love and positivity, and to drive traffic to the Citizens of Humanity website/spread brand awareness.
My role was to design the landing page of the campaign, the digital filter tool and any additional collateral such as event invites, email blasts and social posts while following the HUMANITY Magazine brand guidelines.
The landing page briefs users on the campaign, provides an access point to the HUMANITY digital filter tool and displays participant images pulled from Instagram, encouraging site visitors to join the movement. We also feature and link out to the stories of women in HUMANITY Magazine Issue N. 12, include a progress tracker and a newsletter signup to allow participants to follow along the campaign’s journey to reaching $100,000 in donations.
The digital filter drove traffic to the site by allowing participants to add the HUMANITY logo to their photos. The filter is customizable with options to change the logo color from black to white, transform your photo from full-color to black and white, and zoom to crop the photo.
Additional collateral such as event invites, social posts and email blasts were created to spread awareness of the #WeAreAllHumanity campaign.
This was my first real-world look into how web pages are designed and built. While there are areas I would have liked to improve upon in this project, the knowledge I gained about the process of designing functional web pages and how to work in tandem with developers is invaluable.
If I could do it again, I would make sure to provide a clear specification sheet with spacing and asset/type size rules to help the developer keep the design consistent. I didn’t know much about the assets needed for developer hand-off, or what it looks like to build a site with code and how that works to bring a design concept to life. Since then, I have had a deeper look into the world of web design via courses on SuperHi, and by following designers/developers and the projects they’re working on through social media.
The #WeAreAllHumanity project taught me that I enjoy working on a digital medium and creating webpages. I’m excited to expand my digital skillset by learning front-end development, animation, interaction design and other design tools/media.