The Refugee Nation: Web Design & Branding

UI/UX


Bringing the world together
to support Refugees.

For the first time in Olympics history, the games saw a team of refugee athletes compete in the games. But unlike other competitors supported by their nation countries, these champions had no official "home" to call their own, and thus, no anthem and no flag. The flag of the "Refugee Nation," created by Syrian refugee Yara Said, was orange and black, to represent the life vests the athletes wore as they set off in boats for a better life. Another Syrian refugee, composer Moutaz Arian, created a wordless anthem to convey a universal message of love and hope.

The Refugee Flag has since become an international symbol of welcome and inclusion. It is hoisted all over the world by different people, organizations, and even countries as a sign of solidarity in support of refugees. I was tasked with designing a web experience that captured and explained the idea behind the flag and all that it stands, to visitors from all over the world who may have stumbled upon its colors.

You can visit the site at www.therefugeenation.org
(The website has since gone through a few updates)




View the full campaign film here.
View the films behind the Refugee Flag and the Refugee Anthem.
View the full campaign film below.





Awards and recognition:

Cannes Lions: Grand Prix for Good
Cannes Lions: Titanium Lion
Cannes Lions: Gold Lion | Design Lions | Creation of a New Brand Identity: Non-profit
Cannes Lions: Gold Lion | Design Lions | Logo Design: International Companies & Brands
Cannes Lions: Gold Lion | Design Lions | Design Excellence in Effectiveness
Cannes Lions: Gold Lion | Cross-Platform | Guerilla and Design | Logo
Cannes Lions: Gold Lion | Product Design | Social Impact
Cannes Lions: Gold Lion | Promo & Activation | Low Budget / High Impact Campaign
Cannes Lions: Gold Lion | Outdoor | Integrated Campaign led by Outdoor
Cannes Lions: Silver Lion | Direct | Art Direction / Design
Cannes Lions: Silver Lion | Promo & Activation | Use of Ambient Media: Small Scale
Cannes Lions: Silver Lion | Promo & Activation | Charities and Non-profit
Cannes Lions: Silver Lion | Outdoor | Live Advertising and Events
Cannes Lions: Bronze Lion | Public Affairs & Lobbying
Cannes Lions: Bronze Lion | PR | Multi-Markets Campaign
Cannes Lions: Bronze Lion | Promo & Activation | Guerrilla Marketing and Stunts
Cannes Lions: Bronze Lion | Direct Lions | Dimensional Mailing
Cannes Lions: Bronze Lion | Direct Lions | Art Direction / Design
One Show: Gold: Cross-Platform | Guerilla and Design | Logo
One Show: Best of Show
One Show: Best of Design
One Show: Best of Cross-Platform
One Show: Gold | Cross-Platform | Guerilla and Design & Logo
One Show: Merit | Print & Outdoor & Promotional Items - Single or Campaign
D&AD: Yellow Pencil | Outdoor Advertising / Ambient
D&AD: Wood Pencil | Integrated & Collaborative / Earned Media - Medium Business
D&AD: Wood Pencil | PR / Use of Events
4A's Partner Awards: Diversity Partnership: Large Agency
Mercury Radio Award Finalist







Client: Amnesty International

Chief Creative Officer: Corinna Falusi, Alfonso Marian
Creative Director: Artur Lipori, Caro Rebello, Bastien Baumann, Rodrigo Moran, Ricard Valero
Design Director: Lucas Camargo, Justin Au
Flag Artist: Yara Said
Anthem Composer: Moutaz Arian
Creative: Eduardo Lunardi, Belén Márquez, Imen Soltani

Web / UX Design & Web Development: Justin Au



Thanks for checking this out.

Follow me on:



The Refugee Nation: Web Design & Branding
Published:

The Refugee Nation: Web Design & Branding

Bringing the world together to support Refugees. For the first time in Olympics history, the games saw a team of refugee athletes compete in the Read More

Published: