Hi there! Here are some digital projects created by Yalan Wen, including Visual Design, UI, Motion Graphics, and a bit of Creative Coding.
I recommend ✦Best 4 down here as your appetizers.
Also, feel free to reach out here: ywen5@sva.edu or and

Graphic Design

HIHIT Visual Identity

This is one of the musical instruments that was designed to bring people together. I collaborated with a team searching for sounds made by objects that are easily ignored in our daily lives, and we created musical instruments based on our research. I'm the lead visual designer in the team. As a result, I designed the visual identity system, a booklet of user guides, an infographic poster and animated logo. Through this project, we connect people through music, creating an experience that allows people to interact with the instruments as well as other people.

Skills

Graphic Design . Branding . Illustration . Animation

Role

Visual Design: Yalan Wen Product . Design: Yalan Wen, Yu Yu Chen, Yu Ling Huang, Yi-Chun Chen . Music Composition: Yu Yu Chen, Yalan Wen

View More

Animals in Classical Music

Poster design for classical music that relates to animals. In this series I was trying to find the form of each animal and deconstructing the body structure. The animation for these posters is subtle. I found the wiggling sketch lines give the poster the right amount of movement.

Category

Poster Design . Typography

The Water Dancer

The landing page is designed for a novel written by award-winning author Ta-Nehisi Coates. My concept is built upon the mysterious and beautiful journey the young Hiram Walker had. I came up with the concept of revealing the mystery. Then I develop the visual style of the landing page and create animations as the main elements. It turned out to be a clean page with strong visual language.

Client

The book is published by One World, which is an imprint of Random House, a division of Penguin Random House, the world’s largest trade book publisher. The project was finished during a web design internship at Wix.


Skills

Miro Board . Figma . Wix Editor . P5js . Adobe Illustrator . After Effects . Cinema 4D


Role

Animator ・ UI Designer


View website

Motion Graphics

Reel 2020

Train・12 Rules of Animation・Movement・Text Animation・Breath・Blade Runner Title Sequence

Category

After Effects . Photoshop . Stop Motion . 3ds Max . C4D . Hand Painted Films








Rush Hours

This is a clip from the project "Mood Weather" The concept is about how the surrounding environment affects our mood every day. People, weather and noise are some of the examples. The project raise people's attention of self-care and self-awareness.

Role

Motion Graphics Animator: Stop Motion . After Effects . Photoshop . C4D

Movement

Category

After Effects

Train

Category

After Effects . Adobe Illustrator

12 Rules of Animation

Category

After Effects . Photoshop . Frame by frame animation

World

Category

After Effects . Photoshop

Blade Runner Title Sequence

Category

3ds Max . After Effects

HIHIT Logo Animation

Category

Frame by frame animation . After Effects

Fix You

Category

Text animation . After Effects . Typography

Breath

Category

Film

2020

Category

C4D

Room

Category

C4D

The Autumn Symphony

Category

C4D

A to Z

Category

C4D . After Effects

Illustrations

Interactive

Weather Visualization

This is an experiment to turn weather into abstract forms which allows people to compare weather conditions between two citys. The real-time weather data visualization was wrote with Processing and built into the website.

Category

Data Visualization . Weather API . Google Map API . p5.js . processing

View website

I'm Thinking What I'm Thinking

2020 The interactive immersive installation, I’m thinking what I am thinking, resembles a diagrammatic huge brain processing everyday data. The environment combines sound and generative graphics, creating a subconscious experience for the visitor that calls on their intuition and cognition. It asks the question, ‘Are we completely conscious of our thinking patterns when making a decision?’

Skills

Interactive Installation . TouchDesigner . CRT . Sound Design . Motion Graphic


Role

Art Direction . Visual Designer . Creative Technologist - Yalan Wen
Advisor - Anney Bonney, Federico Muelas, Charles Deluga, Michael Romeo
Technical Advisor - Hans Tammen, Benton Bainbridge, Raphael Palefsky, Mary Franck, Terry Dame, Luis Navarro