Lan Ta-Chang Profolio
Less is more.
RESUME 履 歴
THROA 空 気 清 浄 器
GEESAA コーヒーメーカー
3/ 4
RESUME
05
CIS DESGIN PRODUCT DESIGN APP DESIGN
15 21 39
CIS DESGIN PRODUCT DESIGN APP DESIGN
55 59 73
01 Resume 履 歴
5/ 6
今 は が
今の自分と は昔の経験 が積むこと。
デザインと は各分野を 繋げること。 7/ 8
藍 大 銓 L A N
と を 。
T A
C H U A N G
学 歴
2017 台湾大同大学 工業設計専攻
経 験
2016-2017
MakerPro
Web Design Intern
2018-2020
Pezcrown
Brand Designer
2017-2018 起業
2019 2017
食品店
2018
病院
バイオテック 電器屋
政府機関
Hellodesign
フリーランス
IT 会社
食品店
CyberLink PerfectCrop
( 部分 )
CIS Redesign
横浜中華街 - 茂園
Package Design
掬水軒 （1925 年老舗 )
2018
台北東門 - 中醫病院
2018-2019
Headphones Store
2017-2019
GeeSaa
2018-2019 2019
受 賞 歴
Designer
Makerpro
2017 2018
UI Design
懋炘生技
THORA
Wow!Taiwan in India
CIS Redesign CIS Design
Web / Package Design Store Design
CIS / Prodcut / UI Design CIS / Prodcut / UI Design Exhitbiton Design
2014
Young Creative Awards Graphic design
2017
Golden Pin Concept Design Awards
2016
Y.S Awards Product design
02 Design デザイン
1. Thora 空気清浄機
2. Geesaa コーヒーメーカー
9 / 10
発 は 純
発想の根源 はいつも単 純なこと。
1. CIS
2. Product Design 3. APP Design
11 / 12
1
THROA
1. CIS
2. PRODUCT
空気清浄機
3. UI Design
アプリケーション
会社 特許技術 IT 技術 デザイン 機構設計 プロジェクト
13 / 14
ブランド創生
： ： ： ： ： ：
THORA CO.,Ltd 日本共立電器株式會社 Inventec Corporation LAN,TA CHUAN HSU,TIEN-HO 201802-201912
THORA
というブランドは、台湾人の現 THORA の
社長が日本の共立電器の社長と意気投合したことがき っかけで生まれた。共立電器は 1977 年設立され、主 に空気清浄器の販売を手掛けており、日本の空港や病
院、幼稚園などの公共施設を中心に使われている。し かし、近年ではたくさんの企業が空気清浄業界に参入
したため、会社の経営が厳しさを増しており、時代 に合わせた変化が必要だと感じていた。そのとき、 現 THORA の社長が共立電器の社長と偶然出会い、
THORA の社長が提案したコンセプトと共立電器の技
術を組み合わせて、新しい THORA というブランドが 生まれた。
共立電器産業株式会社
15 / 16
01
C I S
ブランド創生
01
C I S
ブランドを創生
共立電器産業株式会社
共立電器は設立３０年以上の会社で、ほどんどの製品は丁寧に手作りされていて、製造時間がすごくかか るので、製品の数量も種類も少ない。しかし、共立電器の製品はたくさんのところで使用されている。例 えば、病院、空港や幼稚園などの公共施設で多く使用されている。共立電器の特許技術は３０年過ぎた今 でも、空気を清浄する効果が今の技術と比べても、優れている。また、消耗品も不要のため、環境的に優 れている技術である。 会社にとって、一番大切なのは、製品の数量と種類数量ではなく、その会社のメイン技術と考えられる。 その点で、ロゴの発想はここから展開する、共立電器のもともとのロゴから、要素を取り出して、会社の 特許技術の特徵を画にしたデザインを融合して、新しいロゴを構成する。新しいブランドは昔の技術を受 け継ぐ、未来に進む。そして、もっといい製品を開発する。
特許技術の特徵
Logotype
17 / 18
新しいロゴ
Brand Color
C M Y K
0 70 40 0
C M Y K
15 80 60 0
C M Y K
0 95 90 0
C M Y K
0 0 0 30
C 0 M 0 Y 0 K 100
C M Y K
0 0 0 0
Logo Size
150%
100%
80%
60%
Typography English
D-DIN Regular/Normal
中文 / 日本語 Source Han Sans TC Light /Normal/Medium
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz
專為電子屏幕而設計的中文字體，
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz
來取得最佳的視覺平衡和效果。
每個 weight 都經過不斷重複的螢幕調校，
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz
Neue Frutiger のような〈安心感〉
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz
書籍・広告・Web 等、用途を限定しない汎用性の高い製
19 / 20
をもつヒューマニストサンセリフ体として、サイン・ 品を目指しました。
Typography Example
Source Han Sans TC Medium
Source Han Sans TC Normal
Source Han Sans TC Light
大気汚染は今 の人類のにとって大きな問題である。屋外では 多くの人がマスクをつけているが、屋内にも影響を及ぼす。そ のため、自分で家にいる子供一人 暮らしの老人や入院中の病 人など、無意識に 大気汚染 の影響受 け、健康は どんどん損な われる。
大気汚染は今 の人類のにとって大きな問題である。屋外では 多くの人がマスクをつけているが、屋内にも影響を及ぼす。そ のため、自分で家にいる子供一人 暮らしの老人や入院中の病 人など、無意識に 大気汚染 の影響受 け、健康は どんどん損な われる。
大気汚染は今 の人類のにとって大きな問題である。屋外では 多くの人がマスクをつけているが、屋内にも影響を及ぼす。そ のため、自分で家にいる子供一人 暮らしの老人や入院中の病 人など、無意識に 大気汚染 の影響受 け、健康は どんどん損な われる。
21 / 22
02
PRODUCT
空気清浄機
02
P R O D U CT
空気清浄機
Background
世界中で 90％以上の人は新鮮な空気を吸うことができない
世界は長い時間に大気汚染の環境で、2018、約 700 万人、が空氣汚染の影響で死亡した、その大気汚染は 肝癌を誘発するだけではなく、脳梗塞、糖尿病、心臓、高血圧、や低血圧などの病気も引くことがある。 そのため、世界中で大気汚染で死亡した人数は交通事故で死亡した人数より多いのだ。大気汚染の危害は 今の人類にとって重要な問題であると考える。
2018日本の死亡原因ランキング(部位別)
気管 気管支および肺
胃 肝
23 / 24
8%
13%
24%
Problem Finding
今の空気解決方法から問題を発見する
今、存在している商品は一つの清浄機能有するだけで、環境によって変えることができない。また、テク ノロジーが苦手な老人、子供や病人などは、ただ空気清浄機をつけたり、消したりすることしかできない。 状況によって、機能を変わることができまい。電力を無駄にすることもあるし、今の空気はどうなレベル も知らない。
情報なし
操作が難しい
一つ機能
效率低い
消耗品が多い
見た目が似てる
Research
今の空気問題の解決方法
大気汚染は今の人類のにとって大きな問題である。屋外では多くの人がマスクをつけているが、屋内にも 影響を及ぼ。そのため、自分で家にいる子供一人暮らしの老人や入院中の病人など、無意識に大気汚染の 影響受け、健康はどんどん損なわれる。 市場に出回っている空気清浄器の商品は既にたくさんの商品がある。この空気清浄器の清浄方法は大きく 分けて六種類あり、ファン式、ファン式 （HEPA 付け）、電気集塵式、オゾン発生式、イオン式、光触媒 式である。
Core Concept
コアコンセプト
IOT
クラウド
特許技術
消耗品なし
アプリ
安心感
Concept
環境状況によって、機能を変える
25 / 26
刺激臭の強い気体 フォルムアルデハイド
オゾン発生式
PM2.5 タバコ 粒子状物質
電気集塵式
除菌 粒子状物質
イオン式
良 い 空 気
Concept
IoT と繋がる、安心感を得られる
下記の図ような空気清淨機のためクラウドホームを構築した上で、クラウドに多くの情報を收集し、分析 することで、利用者にとって有用な情報をフィドバックすることができるようにする。
クラウド 空気予報 地域の空気データ
空気情報 操作情報
データ 空気状況
ユーザー （操作者）
アプリ
指令
空気状況
ケア 安心感
指令
ユーザー （利用者）
指令
空気清浄器 データ
木のように悪い空気を清浄して、良い空気を提供する
27 / 28
造形のコンセプト
THORA をデザイン理念は、共立電器の既存製品 のお客様とターゲットを明確に区別するため、個 人のプライベート空間に特化するデザインとする 事を定義した。
木のように悪い空気を清浄して、良い空気を提供 する。そして、有機造形をモチーフにすることを THORA の造形理念の根幹に据え、木の幹が成長 する躍動感が感じられるデザインとなった。
プラスチックケース
プラスチックケース
機構設計
THORA のデザインにあたり製造コストの圧縮も 重要な課題であった。核心技術は共立電器の特許 技術を使用するので、ステスライス針とアルミカ バーは日本の工場で製造しなければならない。だ から、台湾でそれ以外の部分を組み立てた後、日 本に送る必要があるため、組み立てた二つのパー ツをそれぞれプラスチックケースで固定し、日本 到着後ステスライス針とアルミカバーを組み合わ せるだけで完成できるように設計した。 THORA 内部の二つのプラスチックケースには、 上部に変圧器、ステスライス針、LED ライト、特 製ばねが入っており、下部に IC が入っている。
29 / 30
上部カバー
アルミカバー
アルミカバー プラスチック 特製ばね ステスライス針
変圧器 LED ライト
ＩＣ
アルミケース
ゴム
原理及作動
本体は普通の空気清浄機の原理と違い、モーター を備えていない。従って、一般的な空気清浄機に は分類されず、空気清浄器の能力を備えた『医療 物質生成器』に分類される。超高圧ユニットを用 いてコロナ無声放電を起こし、大量のマイナスイ オン ( 一電極当り 40 万個以上 /cc) と微量のオゾ ン ( 一電極当り 0.003PPM 以下 ) を含んだ微風を 発生させ、空気そのものを分子的に改質する機器 である。 THORA は車内利用を考えて、起動ボタンを最上 面に配置した。ボタンを ON にすると、上のカバ ーが上がり、そこから空気吸入が開始される。一 方 OFF にすると、カバーが下がり、中のアルミカ バーを洗淨することができる。
31 / 32
Close
Open
良い空気
悪い空気
悪い空気
組立方法と分解組立図 1. 上下部のプラスチックケース を組み立てる
2. アルミカバーとステスライス針 を組み立てる 3. アルミケースと本体 を組み立てる
33 / 34
01
02
03 07
04
05
06
08
09
35 / 36
本体の写真
37 / 38
本体の写真
39 / 40
03
Ｕ Ｉ
アプリケーション
UI 機能
遠いところに THORA 本体を操作することができ る。そして、 過去、現在、未来の大気データを THORA BETA で汚染物質に関する詳細な数値を 知ることができる。また、AI がその汚染物質の 成分によって清浄方法を変わることができる。 操作、空気情報、汚染物質、遠端ケアなどの機 能である。
41 / 42
UI FLOWCHART
アプリは IT 系のエンジニアと一緒に合作するこ とは必要である。そのため、UI をデザインする 前、まずはほしい機能を上図のようにそれぞれの 関係をはっきりする。このページの次のページは 何とこのボタンを押すと、なにか起こる、どんな ページに進む。それぞれの関係を説明する。
43 / 44
UI デザイン
UI FLOWCHART を制定した上で、THORA のスタ イルで、主にオレンジ色でアプリのインターフェ ースをデザインする。すぐ今の状況を分かるため に、このアプリは数字と場所などの情報を使用者 に提供したいので、数字と地名を強調する。
45 / 46
1. CIS
2. Product Design 3. APP Design
49 / 50
2
GEESAA
1. CIS
ブランド創生する
2. PRODUCT
コーヒーメーカー
3. UI DESIGN
アプリケーション
会社 IT 技術 デザイン 機構設計 プロジェクト
： ： ： ： ：
GEESAA GEESAA LAN,TA CHUAN HSU,TIEN-HO 201703-201806
KICKSTARTERで 4,000,000円越えました GEESAA というがブランド誕生したきっかけは三 名コーヒーが好きな IT 会社の社員である。最初はコ ーヒーが好きで、常に自分が好きなコーヒー店に行
き、あるコーヒー職人のコーヒーを飲んだり、話して
いた。しかし、ある日、そのコーヒー職人が他の都 市に行った。この三人が元々コーヒーの味と匂いはコ
ーヒー豆の種類と関係があるだけと思ったが、その日
から、同じ店に行き、同じ豆を使い、記憶のような美 しいい味が味わえなくなった。そして、三人はコーヒ ーの美味しさは豆の種類と関係があるだけではなく、
コーヒー職人と関係もあることを気がついた。そのた
め、この三人が味を再現するために、会社を辞めて、 GEESAA というブレントを設立した。三人の IT 技術 で、手作りコーヒーの味を再現する製品を開発する。
53 / 54
01
C I S
ブランド創生
01
C I S
ブランドを創生
開発者３人は、コーヒー職人が手で淹れるコーヒーを完全再現できる機器の開発を目指して、製品の開発 を始めた。GEESAA というブランドを設立する前、私がロゴの作成を請け負うにあたり、開発者３人から ブランドロゴには造形の黄金比として知られるオウムガイをモチーフにしてほしいと伝えられた。そし て、自らコーヒー専門店に行き、コーヒー職人がコーヒーを淹れる様子を観察していると、コーヒー職人 の手から流れ落ちる水の美しさと、回し続ける手がまるでレコードが回っているように感じられた様子 が、印象に深く残った。そして、コーヒ職人が手でコーヒー入れる水の形、レコードで音楽が流れている 様子、その二つをオウムガイの黄金比で組み合わせてロゴを作成した。
黃金比
Logotype
55 / 56
レコード
手で淹れる水の形
Brand Color
C M Y K
20 20 20 0
C M Y K
25 25 40 0
C M Y K
30 30 40 0
C M Y K
0 0 0 30
C 0 M 0 Y 0 K 100
C M Y K
0 0 0 0
Logo Size
150%
100%
80%
60%
Typography English
Helvetica Neue LT Pro L/N
中文 / 日本語 Source Han Sans TC Light /Normal/Medium
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz
專為電子屏幕而設計的中文字體，
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz
來取得最佳的視覺平衡和效果。
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz
57 / 58
每個 weight 都經過不斷重複的螢幕調校， Neue Frutiger のような〈安心感〉
をもつヒューマニストサンセリフ体として、サイン・
書籍・広告・Web 等、用途を限定しない汎用性の高い製 品を目指しました。
Typography Example
Source Han Sans TC Medium
Source Han Sans TC Normal
Source Han Sans TC Light
コーヒー職人が淹れるコーヒーは普通のコーヒーと違って、コーヒー職 人自身の人間味が楽しめる。その人間味とは、コーヒー職人が自分のこ だわりを追求して、自分で創作した方法で、それぞれ特別な味があるコー ヒーを淹れること。
コーヒー職人が淹れるコーヒーは普通のコーヒーと違って、コーヒー職 人自身の人間味が楽しめる。その人間味とは、コーヒー職人が自分のこ だわりを追求して、自分で創作した方法で、それぞれ特別な味があるコー ヒーを淹れること。
コーヒー職人が淹れるコーヒーは普通のコーヒーと違って、コーヒー職 人自身の人間味が楽しめる。その人間味とは、コーヒー職人が自分のこ だわりを追求して、自分で創作した方法で、それぞれ特別な味があるコー ヒーを淹れること。
59 / 60
02
PRODUCT
コーヒーメーカー
02
PRODUCT
コーヒーメーカー
Background
コーヒーでストレスを解消する
現代人にとっておいしい飲み物を味わうことは、ストレスを解消する一つの方法である。例えば、忙しい 時に、飲み物を飲みながら一旦休憩し、気分転換した後仕事を再開する。これは普通のサラリーマンにと って、仕事を頑張り続けるために大切な時間である。そして、その飲み物中でコーヒーが一番人気がある だろう。なぜがというと、コーヒーには様々な味があって、自分が好きな味を選べるからだ。コーヒーの 味は、コーヒー豆の種類、豆を焙煎する方法、水の量や淹れ方などと関係がある。
Research
市場に出回っているコーヒーメーカー
今市場にはたくさんのコーヒーメーカーの商品が出回っている。このコーヒーメーカーのコーヒーを作る 方法は大きく分けてドリップ式、ペーパーレス式、カプセル式、全自動式、エスプレッソマシンの五種類 がある。
Problem Finding
同じコーヒー味再現する
今の時代、コーヒーは一番ポピュラーな飲み物なので、いろんな場所でコーヒーを販売しているし、さら には、家の中にも自宅用のコーヒーメーカーがあることが多い。しかし、なぜコンビニや自宅などどこで でもコーヒーが飲めるのに、わざわざコーヒー専門店に行くのだろうか？その理由の一つは、コーヒー職 人が淹れるコーヒーと、自分が淹れるコーヒーの味が全然違うと感じているからだに違いない。
61 / 62
Concept
家でもコーヒー職人のオリジナルコーヒーが味わえる
コーヒー職人が淹れるコーヒーは普通のコーヒーと違って、コーヒー職人自身の人間味が楽しめる。その 人間味とは、コーヒー職人が自分のこだわりを追求して、自分で創作した方法で、それぞれ特別な味があ るコーヒーを淹れること。 GEESAA は人間味を再現するために、それぞれのコーヒー職人のコーヒーを淹れる方をデータ化にするし、 コーヒー職人の味を再現させ、GEESAA の手で皆様にその特別な味を味わせる事をコンセプトとした。
NFC
カード
職人
動作 データ アプリ データ
Concept
アプリを使って世界のコーヒー豆とレシピを取れる
GEESAA のアプリでストアーの機能をつけ、どこにいても世界のコーヒー豆が買える。そして、その豆に 合ったオススメのコーヒー職人の淹れ方を選ぶ、そのコーヒー職人の淹れ方を GEESAA が再現し、コーヒ ー職人のオリジナルコーヒーを味わうことができる。日本にいっても、台湾、アメリカや他の国などのコ ーヒーが飲むことが可能だ。
アプリ 商店
購入
職人 レシピ
地域限定 コーヒー
レコードは音楽再現することができる
GEESAA は職人の味を再現することができる
63 / 64
造形のコンセプト
レコードが回るのを見ながら、音楽を楽しむよう に、GEESAA が淹れるのを見ながら、コーヒーを 楽しむ。それで、レコードは音楽家の演出を保存 することができるように、GEESAA はコーヒー職 人のオリジナルコーヒーを保存して、その素晴ら しい味を皆様にシェアする。そんなコンセントで レコードを模した造形にした。
底部
熱発散孔
機構設計
GEESAA は人間の手を再現するために、右と左は 別々で違う機能がデザインした。右の部分は職人 がコーヒーに水を淹れるときの手であり、左の部 分は手を回ってる時をモチーフにした。 GEESAA のデザインにあたり機器が職人の手よう に動けるので下の重心は一番重要なところであ る。そのため、重心を失わないのために、下の部 分は三層を分けている。 第 一 層 は 加 熱 器 と タ ー ン テ ー ブ ル、 第 二 層 は IC、第三層は重量配置のところ。
65 / 66
カバー 注水口 ドリッパー
水箱
コーヒー箱
ポンプ ゴム 加熱器 ターンテーブル
ボタン
ＩＣ
01
02
03
04
05
06
操作及作動
1. コーヒー粉を置く
2. 水を隣のグラスに入れる 3. カバーを閉じる
4. カードそれともアプリで好きな淹れ方を選ぶ 5. コーヒーを作る 6. 完成した
67 / 68
GEESA の手が回る写真
69 / 70
本体の写真
71 / 72
本体の写真
73 / 74
03
Ｕ Ｉ
アプリ
UI 機能
温度控制
注水位置 控制
75 / 76
注水回数 控制
レシピ 作成
スピード 控制
コーヒー豆 購入
UI FLOWCHART
アプリは IT 系のエンジニアと一緒に合作するこ とは必要である。そのため、UI をデザインする 前、まずはほしい機能を上図のようにそれぞれの 関係をはっきりする。このページの次のページは 何とこのボタンを押すと、なにか起こる、どんな ページに進む。それぞれの関係を説明する。
77 / 78
UI デザイン
UI FLOWCHART を制定した上で、GEESAA のス タイルで、主に黒色でアプリのインターフェース をデザインする。シンプルにレシピの各数値を調 整するために、調整できるところはアイコンで表 す。
79 / 80