NEX Design Guidelines

Established in 2018, NEX Foundation is a Seattle-based nonprofit startup that aims to connect global Taiwanese talents. This project aimed to create a new design guideline that brings NEX’s value to our users.

Brand guideline.png

My Role

Product designer

Lead visual designer

Team

Design team

Marketing team

Product managers

Developers 

Duration

March-May 2022 

3 months development 

Tools

​Figma

Illustrator

Key Deliverables

  • User Research

  • Design Guideline/ UI Library

  • Logo Design

  • Stakeholder Management

Challenge

How might we create a visual that resonate to the brand’s value?

Background

After 3 years of effort, NEX now has 80+ employees, four products and more than 4,000 users globally. However, there was no design system to align all of our programs and help the users distinguish NEX from other competitors.

截圖 2022-05-19 18.13.51.png

Discover the pain points

1. Inconsistent brand identity that leads to incoherent user experience 

2. Low accessibility of visual elements

截圖 2022-05-19 16.12.20.png
1.1.png
截圖 2022-05-19 16.12.20.png
截圖 2022-05-19 16.12.37.png

Experience Principles

 

We collected the words from NEX’s marketing and branding materials for 80 comments. After ensuring every text aligned with our branding value, we started to re-grouped and finalize the terms into six principles that best represent the NEX foundation.

1.2.png

Competitive Analysis

We conduct a competitive analysis to explore potential identities that will fit our brand value to develop our theme.

截圖 2022-05-19 16.28.14.png

Moodboards

We presented our boards to the leadership and teams, and the board Boldness got the most votes because it matches our branding principle the most. After some sketches and brainstorming, our designer team decided to start with four colours inspired by the boards.

1.11.png

Logo Design

The logo and logo family design is a big point of the new brand guideline; hence, I develop variations and make a precise competitive analysis to help our internal team decide which will be the new logo.

Logo variation.png
2 (1).png

New Logo & Identity

Finally, after a vote of 50+ employees from our internal team, we made a decision on our final logo and logo family.

2.14 (1).png
G3.jpg
Logo family.png
Logo family (1).png

Colour

As gradient + glassmorphism plays an essential role in the visual identity, to maintain great visual accessibility, I developed strict design guidelines based on much testing. 

3.3.png
3.4.png
3.5.png

Typography

Bilingual usage is also one of the challenges in developing the design guideline. We decide to focus on the Mandarin font type since our target users are Mandarin readers and mainly use English font in the large headline.

Typography.png

Result

We presented the final design to the teams via Google meeting with 30+ people attending. The teams and leadership agreed and confirmed that this could represent our brand. I am now developing the design system and we plan to launch the new design soon.

White.png
Light.png
 

Thank you for your attention