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