陳 潤彥 チイン ルン イエン
UI / UX Designer
様々な分野の専門的な経験あります。 マーケティング企画PM、Mobile UI/UXデザイナー、キャラクターデザイナー。
1987 / 09 / 10
Taipei ，TW
cjy@cjyfit.com
台湾 龍華科学技術大学
電子工学研究所 - 修士
2006.9.25 入学 - 2010.6.25 卒業2010.09.10 - 2012.6.30
台湾 龍華科学技術大学
イラスト＆グラフィックデザイン学部 - 学士
2006.9.25 入学 - 2010.6.25 卒業
台湾 滬江高等学校
広告デザイン学部
2003.9.25 入学 - 2006.6.25 卒業
NEXTFORTUNE株式會社，2018 年 11 月 - 在籍中
▪ Consultant - 職種 UI/UX デザイナー
▪️WireframeとPotototypeのスケジュール作成
▪️製品設計ファイルや範囲設定 sketch
▪️動作モードや動的ディスプレイの設計、利用者の経験の最適化です。
▪️After Effectsと結合されたSVGA動的プロフィール製作
▪️製品企画やエンジニアたちとの連携を通じて設計の妥当性を確保することができます。
▪️文案によって詳細な流れを考え、作成できるUI仕様です。
▪️市場の流れを観察し、製品を持続的に改善した使用者の体験デザインです。
ZEROPLUS株式會社，2015 年 7 月 - 2018 年 11 月
▪ Mobile アプリ UI/UX デザイナー
1、アプリ関連のUIデザインとハードウェアUIデザイン。
2、アイコンデザインと利用者の経験の最適化。
3、スマート家電アプリ開発。
開発中の製品
1、JONI アプリ
2、JONI WEB
2、BrookBox リモコンアプリ
4、Ras1ution コントローラアプリ
5、生放送アプリ
東華堂生技株式會社，2014 年 6月 - 2015 年 7月
▪ マーケティング計画 -
▼台湾ネット通販販売：製品販売、商品陳列、画像処理、APP
▸ EHS、VIVA、PCHOME、連合ニュース、松果ショッピング、91APP、shopline、フェイス ブックなど、商品棚の設置や製品関連情報を提供する。
▸ 各ネットワークの平坦さを知る事業と商品活動について討論する。
▸ 製造商品関連ウェブページ用図素、バナーです。
▸ SEO、GAインスタグラム
▼ 台湾 TV ショピング：EHS TVとVIVA TV、事項伝達、商品企画、製品QC検査。
▸ 業務は主に商品が各種テレビショッピングに知らせると、総利子率の差を相談して商品を検査会社に送った。
▸ すべての製品関連プラットフォームの情報を構築してQC製品検査(検査報告書、商品包装、生産保険、契約など)を実施します。
▸ 放送製作に必要なこと資料、書類、小道具、関連工場代、参考人、来賓などを連結する。
▼ 販売計画：商品の発売準備、改版、広報などの計画作成。
▸ 商品カテゴリの樹立及び方向性、商品物の未来開発方向を設計する。
▸ 原料試料、測量試作して、本格的な製作計画を立てる。
▸ 商品売上高粗利益（損）計算、後続販売計画や棚の方向に配置する。
D'MOM 公式、D'MOM Facebook
免許・資格・自己紹介
▪ 台湾 普通重型機車 取得（日本の普通自動二輪免許に該当）
▪ 台湾 小型車普通駕駛執照 取得（日本の普通自動車免許に該当）
▪ 台湾 ITE 數位內容遊戲企劃專業人員 取得（デジタルコンテンツゲーム企画専門家）
▪ Fukushima Game Jam - 29時間独立開発活動。
▪ 角川国際教育 - カードゲームイラスト1 年。
▪ OCA 大阪 コミュニケーションアート専門学校見習。
.contentarea .c .b:hover {
position: relative; top: 5px; left: 5px;
}
UI デザイン
▪ iOS / Androidアプリのデザイン。
▪ ソフトウェア Illustrator、Sketch 、zeplin、invision、After Effects。
▪ SVGAアイコンデザイン
キャラクターデザイン
▪ ゲームキャラクターデザイン
▪ スタイルはセルロイド、水彩。
▪ ソフトウェア Clip Studio、SAI、Photoshop
UX デザイン
▪ プロセス計画
▪ Pototype & wireframe
▪ ソフトウェア overflow、Adobe XD、After Effects、
.contentarea .c .b:hover {
position: relative; top: 5px; left: 5px;
}
グラフィックデザイン
▪ フラットアイコンデザイン
▪ ソフトウェア Illustrator、Sketch 、zeplin、invision、After Effects。
▪ SVGAアイコンデザイン
Webデザイン
▪ ゲームキャラクターデザインイ
▪ スタイルはセルロイド、水彩。
▪ ソフトウェア Clip Studio、SAI、Photoshop
商品企画
▪ 台湾ネット通販販売
EHS、VIVA、UDN。
▪ 台湾テレビショピング
PCONES 、VIVA TV、EHS TV。
▪ 販売計画。
.contentarea .c .box2 {
width: 900px; max-height: 1000px; margin: 0 auto; position: relative; border: 1px solid rgba(0,0,0,0.1); border-radius: 30px; background: white; -webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.3);
}
.contentarea .c .pic {
max-width: 950px; max-height: 1050px; overflow: hidden;
}
.contentarea .c .pic img {
transform: scale(1,1); transition: all 0.7s ease-out;
}
.contentarea .c .pic img:hover {
transform: scale(1.1,1.1); filter: blur(0px);
}
.contentarea .c .pic {
display: block; text-align: center;
}
.contentarea .c .pp:hover {
filter: opacity(0%);
}
.contentarea .c .a:hover {
position: relative; top: 5px; left: 5px;
}
ビーナスイレブンびびっど
キャラクターデザインイと衣装デザイン。
クリック
アドヴェントガール
キャラクターデザインイと配色。
クリック
Magical Days
乙女向ゲーム，線画と配色。
クリック
.contentarea .c .box3 {
width: 620px; min-height: 450px; padding: 5px; position: relative; border: 1px solid rgba(0,0,0,0.1); border-radius: 20px; background: white; -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
}
.contentarea .c .pic {
max-width: 950px; max-height: 1050px; overflow: hidden;
}
.contentarea .c .pic img {
transform: scale(1,1); transition: all 0.7s ease-out;
}
.contentarea .c .pic img:hover {
transform: scale(1.1,1.1); filter: blur(0px);
}
.contentarea .c .pic {
display: block; text-align: center;
}
.contentarea .c .pp:hover {
filter: opacity(0%);
}
.contentarea .c .a:hover {
position: relative; top: 5px; left: 5px;
}
.contentarea .c .box1 {
width: 900px; min-height: 450px; padding: 10px; margin: 0 auto; position: relative; border: 1px solid rgba(0,0,0,0.1); border-radius: 20px; background: white; -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
}
.contentarea .c .pic {
max-width: 950px; max-height: 1050px; overflow: hidden;
}
.contentarea .c .pic img {
transform: scale(1,1); transition: all 0.7s ease-out;
}
.contentarea .c .pic img:hover {
transform: scale(1.1,1.1); filter: blur(0px);
}
.contentarea .c .pic {
display: block; text-align: center;
}
.contentarea .c .pp:hover {
filter: opacity(0%);
}
.contentarea .c .pi {
width: 283px; height: 283px; border-radius: 15px; overflow: hidden;
}
.contentarea .c .pi img {
transform: scale(1,1); transition: all 0.7s ease-out;
}
.contentarea .c .pi img:hover {
transform: scale(1.1,1.1);
}
.contentarea .c .pi {
display: block; text-align: center;
}
UI設計
個人的UI設計主要風格為「扁平化設計」為主，主要運用Illustrator做設計，Photoshop做輔助
.contentarea .c .pi {
width: 283px; height: 283px; border-radius: 5px; overflow: hidden;
}
.contentarea .c .pi img {
transform: scale(1,1); transition: all 0.7s ease-out;
}
.contentarea .c .pi img:hover {
transform: scale(1.1,1.1);
}
.contentarea .c .pi {
display: block; text-align: center;
}
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
.contentarea .c .pi {
width: 283px; height: 283px; border-radius: 5px; overflow: hidden;
}
.contentarea .c .pi img {
transform: scale(1,1); transition: all 0.7s ease-out;
}
.contentarea .c .pi img:hover {
transform: scale(1.1,1.1);
}
.contentarea .c .pi {
display: block; text-align: center;
}
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
.contentarea .c .pi {
width: 283px; height: 283px; border-radius: 5px; overflow: hidden;
}
.contentarea .c .pi img {
transform: scale(1,1); transition: all 0.7s ease-out;
}
.contentarea .c .pi img:hover {
transform: scale(1.1,1.1);
}
.contentarea .c .pi {
display: block; text-align: center;
}
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
.contentarea .c .a:hover {
position: relative; top: 5px; left: 5px;
}
.contentarea .c .pi {
width: 283px; height: 283px; border-radius: 5px; overflow: hidden;
}
.contentarea .c .pi img {
transform: scale(1,1); transition: all 0.7s ease-out;
}
.contentarea .c .pi img:hover {
transform: scale(1.1,1.1);
}
.contentarea .c .pi {
display: block; text-align: center;
}
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
.contentarea .c .a:hover {
position: relative; top: 5px; left: 5px;
}
.contentarea .c .pi {
width: 283px; height: 283px; border-radius: 5px; overflow: hidden;
}
.contentarea .c .pi img {
transform: scale(1,1); transition: all 0.7s ease-out;
}
.contentarea .c .pi img:hover {
transform: scale(1.1,1.1);
}
.contentarea .c .pi {
display: block; text-align: center;
}
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
ゲームライブ APP
中國 Live 直播與遊戲串接
.contentarea .c .a:hover {
position: relative; top: 5px; left: 5px;
}
.contentarea .c .pi {
width: 283px; height: 283px; border-radius: 5px; overflow: hidden;
}
.contentarea .c .pi img {
transform: scale(1,1); transition: all 0.7s ease-out;
}
.contentarea .c .pi img:hover {
transform: scale(1.1,1.1);
}
.contentarea .c .pi {
display: block; text-align: center;
}
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
.contentarea .c .a:hover {
position: relative; top: 5px; left: 5px;
}
.contentarea .c .pi {
width: 283px; height: 283px; border-radius: 5px; overflow: hidden;
}
.contentarea .c .pi img {
transform: scale(1,1); transition: all 0.7s ease-out;
}
.contentarea .c .pi img:hover {
transform: scale(1.1,1.1);
}
.contentarea .c .pi {
display: block; text-align: center;
}
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
.contentarea .c .pi {
width: 283px; height: 283px; border-radius: 5px; overflow: hidden;
}
.contentarea .c .pi img {
transform: scale(1,1); transition: all 0.7s ease-out;
}
.contentarea .c .pi img:hover {
transform: scale(1.1,1.1);
}
.contentarea .c .pi {
display: block; text-align: center;
}
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
.contentarea .c .pi {
width: 283px; height: 283px; border-radius: 5px; overflow: hidden;
}
.contentarea .c .pi img {
transform: scale(1,1); transition: all 0.7s ease-out;
}
.contentarea .c .pi img:hover {
transform: scale(1.1,1.1);
}
.contentarea .c .pi {
display: block; text-align: center;
}
.contentarea .c .a:hover {
color: #fc3a63; position: relative; top: 5px; left: 5px;
}
去哪鵝
設計及編排，Google Store上架圖設計。
全民財經詞彙
後續Banner更新、Icon設計等。
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
About me
UI/UX デザイナーとイラストレーター
お問い合わせ
私にお手伝いできることがございましたら、ご遠慮なく、おっしゃってください。
Email：cjy@cjyfit.com
E-Mail
.contentarea .c .box:before {
content: ''; width: 110%; left: 0; height: 111%; z-index: -1; position: absolute; border-radius: 20px; border: 1px solid rgba(0,0,0, 0.1); background: rgba(0, 0, 0, 0.0); -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2); -webkit-transform: translate(-5%,-5%);
}
.contentarea .c .box:after {
content: ''; position: absolute; top: -25px; left: 30%; width: 130px; height: 40px; background: -webkit-gradient(linear, 555% 20%, 0% 92%, from(rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 0.0)), color-stop(.1,rgba(0, 0, 0, 0.2))); border-left: 1px dashed rgba(0, 0, 0, 0.1); border-right: 1px dashed rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.2);
}
.contentarea .c .box9 {
width: 400px; min-height: 310px; padding: 10px; position: relative; border: 1px solid rgba(0,0,0,0.1); border-radius: 20px; background: white; -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
}