Portfolio (Yu Jie/Claire)

Page 1


content 01 Kaiyun Temple Street 02 Rural Education Charitable Event 03 UpQuotation 04 True Reports logo Design 05 Terminology App UI Design 06 iCard.Ai UI design 07 Fictional Scene Design 08 Evoke Animation Storyboard 09 Evoke

Cultural app development 02 Identity design 05 UI/Visual Design 09 Logo design 12 App development 15 UI design 16 3D experiment 17 Storytelling 19 Diploma work 21

10 Hakka Figurine Design

Character design 25

11 Cassette Grandpa

Character design 26

12 Video projects

Film / commercial making 27


Icon Design

A game application that digitalizes Taiwanese tradition - 拜拜 (English translation: praying to god)

Icon Design

APP Description https://bit.ly/3DhyfdQ

筊 (moon blocks) are one of the most crucial aspects in the temple culture. It is also the medium Taiwanese people use to talk to god. Blue color represents auspicious, red color represents luck, and gold represents fortune. App has been launched on iOS App Store in 2021

02

開運廟街 Kaiyun Temple Street

UI Design


03

What is this application about? This application was designed especially for Taiwanese people, through which they can pray to god on their phone - no matter if it is Mazhu, Earth God, God of Marriage or others, it is for all kinds of wishes. People don't even need to leave their homes to buy all genres of offering online, just provide their wishes and information, and it will be taken care of by the temple automatically.

What do you pray for today?

LOVE

Health

Wealth

Career

Random

Discussion

Understanding

Design

Through the app, Taiwanese people can fulfill their praying needs without leaving home.

Understand the purpose of developing the app, which is to take care of praying needs combined with a gaming experience.

Digitalize traditional objects and design graphics that can represent well the culture and also be recognized easily by the audience.


04

Add value UI design A 元寶 (yuanbao) is a small metal ingot that was used in ancient China as money

Digitalize taiwanese culture There are tons of gods in Taiwan, thus more than 12,300 temples are built on this small island. Taoism (Buddhism and folk religion) is the largest religion in Taiwan. The problem I encountered during this projets was "How can I digitalize traditional culture/objects, create simple icons/symbols that well represent gods and will be understood by all ages at the same time?". It was a fun and interesting project to participate in, and I found myself learning a lot about my culture and religion due to the research I did for the development of the app.

Icon design Designed icons represent the specialties of each god and tell what kind of god they are. fortune stick


05

ASE Group Shanlin District Children Summer Learning Camp Rural Education charitable event

Graphic Design Visual Design

Education Environment Science English Introduction

STEAM Education X ASE Group X Wenzao University X Ming Chuan University Scan to see video of activity https://youtu.be/UyOCEK0xsxk

To fulfill the corporate social responsibility of rural education in Taiwan, ASE hosted a charitable camp that consists of various types of courses for kids in Shanlin District, Kaohsiung.


06 Design concept The covers of the teaching materials were designed differently due to the age differences between the two classes. The advanced class's textbook book cover was painted with watercolor, which has a much steadier tone and mature design. On the other hand, the book cover of the textbook for the basic class was painted by a digital painting software using brighter color and irregular style.

Textbook cover Basic class Textbook cover Advanced class

Name tag Design


07 Environment

Education

To deliver the idea of education on environmental care, I designed the visual presentation with endemic species such as Taiwan Blue Magpie, Formosan Black Bear, Formosan sika deer, etc.


08 協辦單位:杉林區新庄國小、杉林國小、集來國小 活動時間:109/08/03~109/08/14 08:30~16:30(不含假日)

活動地點:高雄市杉林區新庄國小 環保永續愛地球 我們的地球 英語讀者劇場 英語劇本創意寫 智慧科技翻轉營 找到孩子的100分 雷切物理敎具 AI影像辨識機器人 主播播報與訪問技巧 梳化與儀態訓練 主播大挑戰 虛擬主播換我做

Animals illustrations The idea of doing illustrations of sea animals is to let the children have an imaginary experience of being under the ocean surrounded by fishes. In that way, we can deliver the thought of protecting the undersea environment by decorating the classroom with these adorable pictures.

Poster Design


09 Visual Design UI Design

About UpQuotation is a manufacturer spare parts platform where buyers and suppliers connect, create relationship, collaborate and get business done. Colors In terms of deciding the color for the logo, the orange color is associated with meanings of creativity, success, encouragement, change, determination, and stimulation. Combining grey color makes the orange color louder, and completes the simple style the enterprise wants to go for as well.

Font

#E94515

Constantia Corbel

#494949 #959595


10 n

sig

ite

bs We

e UI D


11 Visual design


12 Logo Design

True Reports logo Design A news platform that only delivers truth to the audience and society

Icon Design " 實 " character means real and truth in mandarin, which is also the initial belief of developing this news website page. I chose the character as the base of the logo design, took the alphabet T and R from the name True Reports as the representation of the full name, combined them into the character 實 so that the logo can present their names in Chinese and English at the same time. True Reports is an online news website and platform that shares true news to society. I added a wifi symbol on the top of the logo to represent this idea.

Website link https://truereports.com.tw


13

Design process 1st - Ideas

idea of recording

represent microphone

2nd - First logo + thinner line + imagery of sharing/delivering information

3rd - Third logo + change color

Final result


14 True Reports on different display devices


15 LOOKUP

SETTINGS

HERMLE-TECHNISCHES-WÖRTERBUCH ENG

Terminology App UI Design An easily-used terminology management app

0°position 1-axis module 2-axis module

Lookup

2-component adhensive 3-phase spindle

welcome!

3-strand suspension equipment 3D basic rotation 3D contour smoothing

Design concept The chosen UI design colors orange and crimson represent the company's Corporate Identity System (CIS).

3D contour tolerance max. 3D contour tolerance min. 3D rotation 3D rotation 3D rotation 3D rotation 3D roughing 3D roughing Die Qualitätssicherungssoftware für Übersetzungen

3D roughing 3D roughing

LOOKUP

SETTINGS

LOOKUP

SETTINGS

I designed this interface with a clean style, all the functions (page or button) were designed to be found easily. The icons aside also make the interface more understandable and straightforward to use.

DICTIONARY NAME

DICTIONARY NAME ENG

cache Definition

Abbildung

BG

FR

LT

SV

ZH

EL

NL

SR

DA

IT

NO

SK

DE

JA

PL

SL

EN

KO

PT

ES

App was launched on iOS App Store in 2019

USERNAME

Cache bezeichnet in der EDV einen schnellen Puffer-Speicher, der (wiederholte) Zugriffe auf ein langsames Hintergrundmedium oder aufwändige Neuberechnungen zu vermeiden hilft. Daten, die bereits einmal geladen oder generiert wurden, verbleiben im Cache, so dass sie bel späterem Bedarf schneller wieder abgerufen werden können.

PASSWORD

UPDATE

EXIT clear Data

SAMPLE fill from sample

CLEAR HISTORY Delete Cache

D.O.G About us

STATISTICS Overview

TRAGET LANGUAGE 1 - English

UI Design


16

iCard.Ai Website UI design A website page that presents the latest discount/promotion information of credit cards from banks

icard.ai https://icard.ai

UI Design


17 3D Graphic

Fictional Scene Design

Scene Design


18 Magic Village Build in Maya Design concept: On an island situated in a mysterious place, everything looks ordinary till the sun goes down and the moonlight starts to bright up the land. When everything seems to fall asleep, you will see shooting stars falling on the ground and become crystals that shine mysteriously. No one knows where they came from and what they will become in the future...


19

Animation Storyboard

National Art & Design Support Talent Program - Storyboard animation based on the story of the VR game named Evoke


Storytelling

20

Storyboard

Video (Youtube) https://youtu.be/PEoIZsrToQU


21

VR Game - EVOKE ( 喚起 ) By telling a fictional story of selfishness that occurred by the competition for resources (force crystal in the story), we want to raise awareness and reflection on social issues in modern communities.

Project team Thesis advisor: Guo Da Wei, Cai Si Kai Art designer: Wang Yu Jie 3D modeling: Cai Meng Zhu, Wang Yu Jie Programmer: Xu Rong Cheng, Zheng Min Cheng Project planner: Xu Pei Jun

Character Design Game Development

Logo Design

Characters & Scenes Sketch


Game type: Action-adventure, Storytelling Playing Perspective: First-Person Develop software / Engine: Maya, Unreal Initial develop device: HTC VIVE

How to play?

Follow the storyline of the game and defend your character. Use the strategy of three elements, fire, water, and wood, to repel the enemies, experience the story throughout the game playing process, manage to defeat the oncoming dangers, and escape the cellar.

Brief introduction of Evoke

A group of wizards cast their greedy eyes on the powerful crystal of the Fantasy Kingdom that declared war over and over again. One day, a powerful wizard has awakened but lost his memory and forgot the reason for being locked in the cellar. What truth will he learn throughout the process of trying to escape this unknown mysterious place?

Game Scenes

Game Introduction video

Responsible for: Scene design | Character design | Character modeling

https://youtu.be/6d0P9j3ikkc

22

Evoke - VR Game Production


23

The story behind Evoke Once upon a time, there were two kingdoms, one named the Kingdom of Wizard, another named the Fantasy Kingdom. As time went by, the wizards started to cast their greedy eyes on the Force crystal in the Fantasy Kingdom, which was amazingly powerful and rare. To be able to seize the precious crystal, the Wizard's Kingdom united all the best wizards in the nation, preparing for declaring their first war against the Fantasy Kingdom. But as the war began, the wizards were soon defeated by the three formidable divine beasts, Meduse, Lycans, and Murloc. The Wizard's Kingdom lost the war, which caused a tremendous number of injuries and deaths. However, losing the first war did not stop the wizards from being envious of the Force crystal. They trained to fight and become better warriors. Years later, the Wizard's kingdom launched the second war, in which the wizards successfully beat down one of the divine beasts, Murloc. The moment the wizards were about to snatch the crystal, the force inside it released all of a sudden, bringing the giant of iron to life. The giant repelled the attacking wizards and slipped once again into deep oblivion when the force of crystal was gone.

Postcard Design

Poster Design


24 Feature of the game

We developed the enchanting gesture system with controller gesture tracking, in which the players can release a specific spell by drawing a requested form and follow the Wuxing (Chinese philosophy) rule that the element fire prevails over wood, wood prevail over water, and water prevails over fire.

The game is designed to play without any piror knowledge of the story, so the player can have the best experience by the plot twist that happened at the end of the game. We aimed to raise reflection on conflicts because of limited resources through an imaginary interesting and less controversial storyline.

Attending Vision Get Wild Award 2020 Games - VR game creation group

Vision Get Wild https://bit.ly/322oPoP


25 Hakka Figurine Design - 小桐ㄤ姑

Contest host: The Hakka Affairs Council Design Concept: Hakka tradictional fabric pattern

I designed 小桐ㄤ姑 based on a well-known Hakka flower called Vernicia fordii. This character likes to keep her hair up with Hakka printed cloth to show her beauty. The chubby face of the character represents the lovable, mellow, and rich Hakka culture.

Character Design


26 3D Character Desige - Cassette Grandpa

Cassette Grandpa Design Concept: Coming from the 60s, Cassette Grandpa wears like a history, such as the Khakis pants, leather shoes, and heavy round glasses. Combining vintage-like and bright colors' clothes with the cassette player, he is the most fashionable and adorable grandpa.

Scan to see video

https://youtu.be/qasix_Ra9yg


27

Videos

https://youtu.be/otww3vZPc34

Video description Tutorial for Introducing Software An introduction video about common equipment/software of filming a tutorial video Language: English

https://youtu.be/PDejphHf8fo

Video description How to Make Tutorial Video A general introduction about how to plan your tutorial video Language: English

https://youtu.be/wol4Ex0TZ_M

Video description LookUp terminology management: Introduction video A commercial video about terminology management software developed by D.O.G. GmbH Language: English



Turn static files into dynamic content formats.

Create a flipbook
Issuu converts static files into: digital portfolios, online yearbooks, online catalogs, digital photo albums and more. Sign up and create your flipbook.