Jayde Chang | 張汶璇作品集

I’m a multidisciplinary designer,

Hello!

Nice to meet you!

with a focus on identity and user interface design.

My capabilities also include art direction and service design.

I’m Jayde

I love collaborating and designing intuitive experience

Wen-Hsuan Chang. to solve fuzzy systems and problems.

<01>

.ZIP

Jayd e.zip

.zip (zip 文件格式) 是朋友們對於我 的整體形容，像是經過 壓縮的檔案，小 而豐富。喜歡假裝犀利但實際上卻是個 容易相處的開心果，笑起來像史迪奇。

.zip Jayde [1] is known as a zip file among her friends, “it’s small[2], but it has a lot inside.”

1 Find more about Jayde on instagram @jaydechang 2 Jayde is 4 foot 7.

<03>

<!--project-->

06

The Shopperâ&#x20AC;&#x2122;s Little Green Book

08

Hole Sem + Hem

09

Repair Matters

14

Voice of Rwanda

16

Canvasea

20

LED Lab

22

Contextual Genomics

<!--case study-->

26

Molecular You

34

Sodafit

<05>

The Shopper’s Little Green Book COLL ABORATION W/

Vicky Simansjah

這項設計是特別針對美國連鎖有機超市

Whole Foods Market ，所做出的食品評分系 統。我們重新有系統性的分化出五項種類，並 為各項食品種類設計更簡化的圖像標示，使消 費者可以更快速的取得與分析多重資訊，做出 更符合各自消費需求的決定。

<07>

Hole Seam + Hem: the Tear and Wear First Aid Manual COLL ABORATION W/

Victoria Lee

VIEW PROCESS BOOK â&#x2020;&#x2019;

<09>

Repair Matters COLL ABORATION W/

Karen Byskov

以探討如何減少垃圾量為出發點，透過各種研 究、實際到社區了解處理垃圾的方式、製造的 垃圾量以及觀察市民消費行為等，最後我們提 出的最佳垃圾減量解決方案為「Re pair」 （修 理、修補）。

“It is very important for us to take action at the local level because sometimes when we think of global problems, we get disempowered, but when we take action at the local level, we are empowered.”

WANGARI MAATHAI

repair is/can

mend a broken heart. responsible. give an object more character and spunk. make it better than before. give it a second chance. prolong and save an objectâ&#x20AC;&#x2122;s life. make you self-sufficient. a cool challenge. promote longevity. be a hobby. problem solving. the future. cost effective. bring people together. turn trash into treasure. teach you something new. meditative. sexy. tell stories. sustainable. resourceful. rewarding. create resilient community. save you money. connect you to people. inspire your creativity.

Be part of the repair community

Find us on #repairmatters

<11>

從2015年5月以來，我們所成立的「Re pair M at te r s」團體與不同的社會團體合作，透過 提供免費的現場 修理服務，間接 教育民眾修 理、修補及重複使 用的重要性。修理的物品從 衣物、電子用品到小型傢俱等種類多元。透過 「Re pair M at te r s」所舉辦的活動與講座， 我們不只減少了垃圾量，也促進了社區之間的 連結及技術的傳承。活動中是處可見，老奶奶 教年輕 人縫衣服、年輕 人教老爺爺如何修理 雨傘等世代交流的場景。

Media City of Vancouver: greenest city 202o action plan The Story of Stuff Project CBC News Georgia Straight Metro Vancouver

<13>

Voices of Rwanda COLL ABORATION W/

Michille Yong

藉由資訊圖表的設計和文字的力量，帶著 讀者一同深入的了解「媒體 」如何在盧安達 這場大屠殺裡被濫 用，希望可以帶給這一 代的世人警惕，n eve r ag ain。 VIEW FULL BOOK →

<15>

Canvasea : Custom Boat Canvas CLIENT

Krzys Mroczkowski

品牌以黑白及灰色，簡單直白的表現出 Canvasea 的質感與力量。商標以三角形呈現， 象徵著領導、向上的能量；加上，象徵 大海護衛 者虎鯨的 「flu ke s」 圓弧角邊，兩者的融合 行成了「帆」。

Krzyszto f Mroczkowski DIRECTOR

604 868 8609 krzys@canvasea.ca www.canvasea.c a

04 868 8609 / www.c nva

ca 604 868 8609 / www.canvasea.ca

<17>

â&#x20AC;&#x153;He is said to protec who travel away fro home, and lead the when the time com

PRIMARY LOGO

LOGOT YPE

ct those om em back mes” LOGO USAGE

20 mm

The minimum clear space around the ‘Canvasea’ identity is indicated by the dotted outer borders shown on the left. The minimum clear space us ab area free from type and/or other graphics.

X 2X

Use the height of the wordmark to determine the measurement, ‘x’, for the minimum clear space stay-away dimensions around the perimeter of the identity. Note that these measurements are the minimum dimensions suggested, allow for more space whenever possible.

The recommended minimum reproduction size of the ‘Canvasea’ identity primary logo, is 20mm in overall width, as shown above.

T YPE

COLOUR

Headers / Cormorant Garamond Bold

ABCDEFGHIJKLMN OPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789!?@$%&() Text / Roboto Regular

ABCDEFGHIJKLMN OPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz

The ‘Cormorant Garamond’ and ‘Roboto’ font family are the primary typefaces used throughout the ‘Canvasea’ brand materials.

The ‘Cormorant Garamond Bold’ is the primary typeface for headers or callout. ‘Roboto Regular’ is the primary typeface for body copy.

All typefaces are available on Google Fonts where they can be downloaded for free.

0123456789!?@$%&()

CA N VA S E A / B R A N D S TA N DA R D S

© CA N VA S E A 2017

<19>

Local Economic Development Lab COMPLETED AT

Dossier Creative Inc: Railyard CLIENT

LED Lab CREATIVE DIRECTOR

Pat Smith

Kiri Bird Program Manager

An initiative of Ecotrust Canada and RADIUS SFU

kiri@ledlab.ca 604.682.4141 90-425 Carrall S Vancouver, BC, V

LOCAL ECONOMIC DEVELOPMENT LAB The Local Economic Development Lab is a place-based initiative which will generate, implement, and scale Innovative community-designed and driven ideas for a vibrant and Inclusive local economy in Vancouverâ&#x20AC;&#x2122;s Downtown Eastside, with relevance, we hope, for other urban contexts

NEWSLETTER

Full website comin for our newsletter becoming a projec internships, storie

INFO@LEDLAB

An initiative of Ecot and RADIUS SFU

Street V6B 6E3

<21>

Contextual Genomics COMPLETED AT

Educe Design & Innovation CLIENT

Contextual Genomics ART DIRECTOR

Solveig Johannessen ROLE

Designer TEAM

Katie Dixon, Sean Ostashek

VIEW FULL SITE â&#x2020;&#x2019;

<23>

î &#x201D; Contextual Genomics is a global genomics tech-

nology company that enhances cancer care and empowers laboratory testing facilities with their bioinformatics platform and interpretation engine.

<025>

Molecular You COMPLETED AT

Educe Design & Innovation CLIENT

Molecular You Co. ART DIRECTOR

Solveig Johannessen ROLE

Designer TEAM

Katie Dixon, Manon Fraser, Sean Ostashek, Taysia Louie

Molecular You is a Vancouver based start-up company founded by a team of world-leading scientists and clinicians to utilize molecular profiles of individuals to provide personalized healthcare solutions.

<27>



M E D I CA L R E V I E W



 

Calcium

Normal level of calcium in

bloodstream indicating y

nutrition intake for calcium balanced.

1



Dr. David Wishart



Mark as Complete





Metabolic Health

204

normal or good

48

bad or out of range

 

n the

your

m is



 DESIGN ELEMENTS ⋅ UI elements and illustrations used throughout the MY Health Intelligence web app and mobile app we created for Molecular You.

<29>

DASHBOARD DESIGN â&#x2039;&#x2026; Personal health dashboard that allow users to explore their individual biomarkers tested with Molecular You and see how they relate to health risks and body functions.

<31>

WEB DESIGN â&#x2039;&#x2026; Instead of creating another ordinary product based website. This site was carefully planned around the science and the technology behind the service.

<33>

Sodafit

FRee SPaCe

CLIENT

健 美 蘇打股份有限公司

S o d af it 的成立是希望把正確的生活型態帶給想變美 的民眾。以科學為基礎，結合飲食與運動，成為社區健 康推進補給站。 「 異體同心」 Many in body, one in mind，身體 雖不同，而心意相通。異體是謂男女老少、職業、境 遇、人生經 驗等的差異，同心是指意志、目的相同， 團結力量。

• logo usage

X

圓本身就含有許多的意義，它代表整體性、團結的、無 窮的，永恆的等等 (totalit y/w hole n e s s) 。 以佛法

哲學 「異體同心」，去延伸半圓的設計理念。 The ‘free space’ or minimum clear space around the ‘Sodafit’ identity is indicated by the dotted outer borders shown on the 使 用半圓，而不是圓做為整體品牌的象徵，是為了傳達 right. The ‘free space’ is an area free from type and/or other S o d af it 能夠成立與存在是因為民眾與社區的需求， graphics. 我們 ＋ 你 ＝ 我們。 Use the height of the logotype to determine the measurement, ‘X’, for the ‘free space’ stay-away dimensions around the perimeter of the identity. Note that these measurements are the minimum dimensions suggested, allow for more space whenever possible.

The recommended minimum reproduction size of the ‘Sodafit’ identity primary logo, is 15mm in overall width. Any smaller will cause issues with readability and printability.

MINIMUM SIZe

X

X

we

you

us

<35>

03 Sodafit • Brand Guidelines 品 牌 指 南

Printed collateral and illustration style

<037>

Other product and brand images

<39>

VIEW FULL SITE â&#x2020;&#x2019;

< 41>

<!--say hello--> jayde.w.chang@gmail.com +886 966 562 920