About the project

The Making Cities Resilient 2030 campaign, or MCR2030, is a unique cross-stakeholder initiative for improving local resilience through advocacy, sharing knowledge and experiences, reinforcing city-to-city learning networks, injecting technical expertise, connecting multiple layers of government, and building partnerships. Through delivering a clear roadmap to urban resilience, providing tools, access to knowledge and monitoring and reporting tools, MCR2030 will support cities on their journey to reduce risk and build resilience.

Responsibilities

Tools

Timeline

6 months

MCR - Homepage

Design process

1. Brand identity

With the campaign running over ten years, we emphasized creating an identity that would be modern yet traditional enough to last a decade. It also needed to accommodate all official UN languages such as Chinese, Russian and right-to-left-reading Arabic.

Research and ideation led to the beautiful Acta typeface enveloped by a rounded and bouncy contour, underlying the resiliency aspect of the mission.

Final result

Final result

Example of a poster using the badge element. Cities can customize their own campaign poster based on a pre-made layout.

Example of a poster using the badge element. Cities can customize their own campaign poster based on a pre-made layout.

2. Design System UI

Once the brand was approved, we moved on to the design system UI.

I established the grid, the accessible colour library and typographic scale in three languages (English, Chinese and Arabic). From there, I built all the components.

A few of the components designed

A few of the components designed

3. Website UI

I designed the user interface of the homepage, plus two templates for internal pages (parent and child).