2016 2017
交
集
MY PORTFOLIO 在 交 集 中 遇 見 更 好 的 自己 董翠峰 作品集
在 交 集 中 遇 見 更 好 的 自己
關於我 /About me
董翠峰 看似文靜的 外 表 ， 其實有著對 追 求 美 感 熱 情 的 心 ． 喜愛美的事 物 ， 也喜愛觀察 周 遭 ， 發現這個世 界 小 小 的 美 好 ．
個人經歷 /Experience 艾帝科技 網站美編設計 資 策 會 第 47屆 互 動 式 U I / U X 網頁設計班 1 5 屆 畢 業 成 果 展 創 製 組 - 延 長限 行銷設計 2015集智館實習生 淡 江 資 傳 數 位 媒 體 網 站 組 成 員教學實習中心-網站組成員 屯山專案線上網站設計 屯 山 社 區 2015年 月 曆 設 計
技能/Skill PS
C SS
JQ
HTML
AI
PPT
JS
PHP
證照/Licenses 全民英檢 中 級 複 試
tqc ph ot os h op c s 6 專 業 級
Web/UI Design
Web/UI Design
Let’s Picnic let’s picnic是一個以野餐為主題 發想的電商網站。 除了一般的商品購物外，我們還提供了創新 的野餐車服務。讓懶得準備野餐餐點以及配 備的人，可以在這個網站直接完成您的需求
Let’ s Picnic
。搭配大量的手繪插圖，營造出網站整體清 新可愛的氛圍。
Jquery
RWD手刻格線
應用技術
色彩計畫
負責工作
專用字體
HTML CSS3 PHP Mysql
網站主視覺設計
英文字體
DK Lemon Yellow Sun
野餐車駐點
中文字體
蒙納繁長宋
野餐車服務頁面
Web/UI Design
Web/UI Design
網頁導覽流程
首頁
野餐車服務
Web/UI Design
產品購買
大型產品租賃
Web/UI Design
從一開始的persona人物誌去做分析野餐的 族群，到後來的UI Flow 、Flow Chart以 及wireframe，做了詳細的分析以及討論才 設計出最終的Let’s
picnic網站。
Web/UI Design
網站為RWD網站 可以在手機做觀看
Web/UI Design
RABBI T LI FE 萌兔日常是以兔子為主題的網站 在台灣，每年兔子被棄養的數量高達一萬六千隻。 造成棄養的主因，在於許多人對兔子錯誤的飼養概 念。因此我希望能透過這個網站， 讓大家了解兔子基本的飼養知識。 搭配兔子生動活潑的小插圖， 以及小動畫讓觀賞者耳目一新。
Jquery HTML CSS3
應用技術
色彩計畫
Web/UI Design
Web/UI Design
漫遊 屯 山 ， 發 現 美 好 線上網站 http: / / w w w . i c . t k u. e du. tw / tsw e bs i te /tusha ngind e x/ ind e x01.html
自102學年度起，淡江大學資訊傳播系「創 意數位媒體教學實習中心」所開設的課程， 加入了專業知能服務學，我們在一年間漫遊 屯山，發現美好與感動，進行曆設計，並透 過成果展演公開對外發表，展現設計成果。
HTML Codrops套版
應用技術
色彩計畫
Web/UI Design
Web/UI Design
D a i l y UI C ha lle nge Us er Profi le
自我練習的一個設計． 以電話聯絡人的資料修改為主題， 結合抽象的線條元素讓整個介面看 起來更有質感．
應用技術：
Illustrator
Web/UI Design
D ai l y UI C ha lle nge l anding pag e 登入頁面的設計． 耳機為主題， 希望使用者一道登入頁就可以看到 優惠資訊，引發購物慾望．
應用技術：
Illustrator
Graphic Design
Graphic Design
資策會專題邀請卡
以isometric 設計技巧製作
Graphic Design
Graphic Design
DM 設 計
仲夏夜之旅
Graphic Design
雜誌 排 版
VOGUE
Graphic Design
魔境夢遊 A l i c e i n Wo nd e r l a nd 以愛麗絲夢遊仙境為主題， 設計創意數位媒體教學中心的授證底臉主視覺。 運用ai以及ps打造出充滿懷舊可愛風情的人物。
Graphic Design
Graphic Design
背面設計
金猴獻桃
猴年賀卡設計
Graphic Design
正面設計
Graphic Design
擁抱
E m b r ace
種族、性別、國籍...... 這個世界上有太多歧視和偏見。 愛不應該有那麼多條件。 只要能好好擁抱一個人，那就是愛。
Graphic Design
Graphic Design
海 報 設計
台灣在地花農
Graphic Design
海 報 設計
綠色講堂
Graphic Design
Graphic Design
創意履歷表
每個人都是獨一詞二的小行星
Final project
Final project
圖片主視覺： 沈育安 同學
延長 限 pro cra s tinaton 「不斷延長期限，在時間的進退中迷失自我」 拖延症是一種個性行為，為了應付焦慮，患者會推遲他們必須完成的事件或任務，是一種面 對焦慮而產生的自我保護機制。 造成拖延症的心理因素不僅僅是懶惰而已，它甚至能夠影響患者的日常生活與精神健康，變 成一種惡性循環，讓患者越發沉浸在拖延所帶來的快感之中。 我們以手繪動畫呈現原本嚴肅的議題，我們希望能使大眾意識到拖延症的存在。
Final project
人物設計
人物設計： 沈育安 同學
標準字設 計
Final project
文 宣 設計 嗜 甜 蛋 糕 兌換 卷 為 提 供 蛋 糕 贊助的店家設計的兌換 卷，後來店家喜歡這個設計所以沿用至今
感 謝 卡 片 製作 校 內 展 的 邀 請卡製作，以高雅簡約 的風格做設計
Final project
名片設計 以 動 畫 的 主 色黃色調去做設計，搭 配線條營造活潑感
董翠峰 行銷設計
0910-168-667 madori452@gmail.com
廣源 良 贊 助 商 合 作 產 品 圖
隨行杯設計
Final project
活 動企 劃-拖 延 診 療 所
進行拖延指數心理測驗，診斷出拖延的指數(25%.50%.75%.99%)， 並選一張自己喜歡的拖延症狀，進入透明屋之後，在每個拖延指數 的指定秒數之內，找到至少2張寫著挑選的拖延症狀的便利貼，就算 成功，可獲得Later紋身手錶，失敗則獲得Now紋身手錶；只要完 成遊戲都能獲得拖延指數處方藥袋。
Final project
活動參與人數：667人 活動影片
粉專觸及人數：6284人
粉專增長人數：361人
https://www.facebook.com/deadline.procrastination/
2016 2017
Thank you for watching