YUNGRACE AI | BRAND AND WEBSITE DESIGN

Bridging cultural heritage with modern technology through a brand identity for an AI earbud company.

Yungrace Background Yungrace Logo

Overview

Yungrace is a translation earbuds brand rooted in the beauty of Chinese classical literature. The name derives from "韵" (Yun) - representing rhythm and harmony in traditional Chinese poetry, combined with "grace" - embodying the elegant flow of cross-cultural communication.

I designed the complete brand identity and website to bridge Chinese cultural heritage with modern technology, making translation feel natural rather than mechanical.

My Role

Brand and Website Designer - Website Design, Brand Identity Design, Motion Design

Team

Daniel - CEO
Phoebe - SWE

Timeline

Malaysia, New York and Germany
(May 2025)

Tools

Figma, Adobe Illustrator, Lottielabs, ChatGPT DALL-E

DISCOVER

The Challenge

"How do we create a premium translation earbuds brand that honors Chinese culture while appealing to global users?"

Yungrace's vision was clear but complex. He wanted swan symbolism because swans represent premium elegance and can soar far distances - matching their global ambitions. But he also wanted tech-forward aesthetics to communicate cutting-edge AI. And everything needed to feel authentically Chinese without alienating international users.

1 Incomplete product imagery

The earbuds existed as prototypes, but they were unbranded and still evolving

2 Cultural authenticity balance

Honor Chinese heritage without limiting global accessibility

DESIGN PROCESS
01

Establishing Cultural Foundation

The client briefed me that "Yungrace" comes from Chinese classical literature, specifically the concept of "韵" (Yun) representing rhythm and harmony in poetry. They wanted swan symbolism because swans embody premium elegance and can fly far distances - reflecting their vision for global brand reach. Additionally, they emphasized the need for a tech-forward aesthetic to communicate innovation and cutting-edge AI technology.

This gave me three key elements to balance: Y+G letterforms, swan shapes, Chinese motifs, and modern tech aesthetics.

02

Designing Logo Iterations

The client wanted to combine Y+G letters with swan symbolism and Chinese motifs. I created four versions to explore different approaches:

I went back to Version 1's strong concept but solved the alignment problems. I refined the Y+G letter shapes to be more distinct and properly connected while maintaining the angular tech aesthetic the team originally loved. This final version achieved both technical precision and elegant swan integration.

Final Version 4.0 Development Yungrace Final Version Design

I started with angular, slanted letterforms that merged Y+G with swan elements. The team loved the concept - it felt both tech-forward and elegant. But when I looked closer, the alignment was off. Elements didn't quite connect properly, and the proportions felt unbalanced.

V1.0 Logo Development Yungrace V1.0 Design

I refined the design to be more graceful and simplified, fixing the alignment issues. In this version, the Y and G letters could flow into each other through rotation - when you rotate the Y 90 degrees, it reveals part of the swan silhouette, and the G complements this to complete the swan shape. The result was cleaner and more elegant, but the team felt it could be softer. They suggested more rounded elements to enhance the graceful feeling.

V2.0 Development Yungrace V2.0 Design

I went full circle with rounded forms, thinking this would capture the grace they wanted. But the result lost all tech credibility - it looked too soft and organic for an AI technology brand. The team rejected it because it didn't communicate innovation.

Version 3.0 Development Yungrace Version 3.0 Design
03

Product Visualization Solution

Problem: The prototypes existed but were unbranded and still evolving.

Solution: Used ChatGPT DALL-E to generate realistic product scenarios across business, education, and travel contexts.

This approach enabled me to create website visuals and marketing materials during the product development phase. I focused on genuine human interactions rather than typical product photography.

04

Website Design: Cultural Elements in Digital Form

Cloud Motifs

Used flowing Yun (云) patterns as background elements throughout the website to reflect the poetic foundation. They create visual movement without interfering with the content.

Yungrace Cloud Motifs Example

Blooming Flowers

Created flower transition animations for brand story sections. The flowers start from closed buds (花苞) and gradually bloom to full flowers, representing the journey from blank concept to fully executed product.

Website Version Yungrace Website Desktop
Mobile Version Yungrace Website Mobile

Typography

I chose two typefaces - Dopamine Sans for its graceful, flowing characteristics that complement the poetic brand foundation, and Inter for clean, readable body text. This combination balances elegant brand expression with practical readability across both Chinese and Latin text.

Domani and Inter Typography Examples
05

Motion Design

I have created 3 animations using LottieLab. These animations made abstract translation processes feel tangible and helped users understand features.


Translation Flow

Visualized real-time voice conversion as flowing forms that transform gracefully from one language to another

Global Languages

Animated world map showing 100+ language connections as living, pulsing nodes

App Integration

Demonstrated device-phone connectivity as choreographed interaction, making complex tech feel intuitive

Project Outcome

The complete brand identity and website were delivered and launched. The design successfully integrated Chinese cultural heritage with modern tech aesthetics, creating a distinctive brand presence in the translation earbuds market.

What I learned: Using AI-generated imagery to solve product visualization challenges opened new possibilities for early-stage marketing, allowing the brand to move forward before final product photography was available.

Next project:

Argos Lab

Designing websites with AI

Argos Lab Preview