【網站設計】Tazac 大捷膠囊產品網站

時期：任職於 科懋生物科技股份有限公司
擔任：資訊專員

說明：
新產品的產品網站，依照PM需求設計出各區塊的主題。也是第一次嘗試製作滿版的網站及幾種觸發式的jQuery特效。

【點擊圖片可瀏覽網站】

【網站設計】腸胃藥專家 照護您全家

時期：任職於 科懋生物科技股份有限公司
擔任：資訊專員

說明：
協助PM製作新的OTC產品網站，因目前產品數量較少所以功能目前只有簡單的產品連結及衛教資訊。

【點擊圖片可瀏覽網站】

【網站設計】科懋雲端硬碟簡易使用教學

時期：任職於 科懋生物科技股份有限公司
擔任：資訊專員

說明：
為了供業務同仁在外部跟公司內部傳輸檔案用，使用了Synology NAS建立了雲端空間。並製作簡易的使用教學網站指導同仁如何使用。

【點擊圖片可瀏覽網站】

【網站設計】2021員工內部網站設計

時期：任職於 科懋生物科技股份有限公司
擔任：資訊專員

說明：
因同仁們反應鼎新的Portal過於複雜，且使用到的功能其實不多，便為常用的幾項功能重新設計界面。

【點擊圖片可瀏覽網站】

【網站設計】2021卓飛症候群線上研討會

時期：任職於 科懋生物科技股份有限公司
擔任：資訊專員

說明：
因PM需求而幫罕見疾病研討會製作的活動網站，除了明確告知會議時間日期外，也讓與會者可清楚地知道議程、講師資料及進入會議的方式。

【點擊圖片可瀏覽網站】

【網站設計】ACUTE PORPHYRIAS 急性紫質症

時期：任職於 科懋生物科技股份有限公司
擔任：資訊專員

說明：
因PM需求而幫罕見疾病製作的專用網站，因無程式人員配合故以Html方式來製作查詢系統。也利用Bootstrap 4技術製作讓使用者不論是用電腦、手機或是平板設備都易於瀏覽閱讀。網站目前仍在線上供有需求民眾查詢使用。

【點擊圖片可瀏覽網站】

【網站設計】Skype安裝及教學網站

時期：任職於 科懋生物科技股份有限公司
擔任：資訊專員

說明：
因應疫情關係而撰寫教學網頁指導同仁們如何安裝及操作Skype，利用Bootstrap 4技術製作讓同仁不論是用電腦、手機或是平板設備都易於瀏覽閱讀。

【點擊圖片可瀏覽網站】

【網站設計】科懋生物科技2018年版官方網站

時期：任職於 科懋生物科技股份有限公司
擔任：資訊專員

說明：
因應行動裝置盛行關係，利用Bootstrap 4改版舊版官網來製作響應式網站。因配合程式公司已無配合所以先以靜態網頁方式製作。此網站已於2022年下線。

【點擊圖片可瀏覽網站】

【網站設計】科懋生物科技2011年版官方網站

時期：任職於 科懋生物科技股份有限公司
擔任：資訊專員

說明：
進入科懋後的第一個作品。參考幾個相關同業並彙整功能後製作出來的版本。前端製作完成後再與配合的程式公司討論後台的功能配置。上線後因公司組織調整關係，目前版本與當初設計版本已有些微的差異。

【點擊圖片可瀏覽網站】

【網站設計】CCMedia廣告服務Facebook APP Webtrends模板

時期：任職於 啟奕資訊股份有限公司
擔任：網頁暨視覺設計師

說明：
製作新服務Facebook APP的Webtrends模板﹝有問券調查/抽獎/優惠券三種功能﹞供客戶挑選，需要預留客戶會用來輸入文字和顯示結果的欄位。

【點擊圖片可看大圖】

【網站設計】CCMedia手機版網站上方按鈕模組化

時期：任職於 啟奕資訊股份有限公司
擔任：網頁暨視覺設計師

說明：
將手機版網站的連結做成模組化按鈕來供客戶挑選，需要考慮字體及按鈕的大小以方便使用者瀏覽操作。

【點擊圖片可看大圖】

  

  

【網站設計】CCMedia客戶手機版網站

時期：任職於 啟奕資訊股份有限公司
擔任：網頁暨視覺設計師

說明：
幫客戶製作完Banner後也需要製作手機版的活動網站。手機版網頁與一般網頁不同的地方主要在於少了很多的特效，且版面的配置與字體的大小都是需要注意的地方。

【用手機點擊圖片可瀏覽手機版網站】

  

  

  

【網站設計】CCMedia財政部臺北市國稅局-貼身稅務小常識 活動網站

時期：任職於 啟奕資訊股份有限公司
擔任：網頁暨視覺設計師

說明：
幫國稅局設計的活動網站，嘗試使用自然的元素來設計稅務資訊這種較嚴謹的主題。

【點擊圖片可瀏覽網站】

【網站設計】CCMedia點廣告看電影活動網站

時期：任職於 啟奕資訊股份有限公司
擔任：網頁暨視覺設計師

說明：
暑假七八月期間的活動網頁，希望讓能夠人有「夏天看電影也不錯」的感覺，所以設計成沙灘上的露天電影院。構圖的元件皆是利用搜尋到的圖片去合成出來。

【點擊圖片可瀏覽網站】








活動網站完成後，也設計了Banner供平台露出用。


【點擊圖片可看大圖】

【網站設計】CCMedia行為定向廣告廣告頁

時期：任職於 啟奕資訊股份有限公司
擔任：網頁暨視覺設計師

說明：
希望呈現我們的服務能夠「精準」地「投放」到正確目標族群的感覺。利用Illustrator的新功能製作出立體方塊來設計。

【點擊圖片可下載動畫執行檔，需解壓縮】

【網站設計】CCMedia聯播平台宣傳廣告頁

時期：任職於 啟奕資訊股份有限公司
擔任：網頁暨視覺設計師

說明：
較早期的作品，為徵求網站主加入聯播平台的廣告頁。製作時的電腦螢幕是自行拍攝去背，並嘗試加入一些在網路上看到的動畫特效。

【點擊圖片可下載動畫執行檔，需解壓縮】

【網站設計】CCMedia PPS視頻廣告廣告頁

時期：任職於 啟奕資訊股份有限公司
擔任：網頁暨視覺設計師

說明：
公司新產品PPS視頻廣告的廣告頁，主要目的是讓人了解PPS廣告的優勢，進而讓廣告主有興趣去聯繫業務洽詢。

【點擊圖片可瀏覽網站】

【網站設計】CCMedia Mobile Ad服務官方網站

時期：任職於 啟奕資訊股份有限公司
擔任：網頁暨視覺設計師

說明：
製作公司手機APP業務的官方網站。放置公司主機時有置入aspx程式碼來判斷瀏覽者是有何種裝置瀏覽來導向對應的網站版本。

【點擊圖片可瀏覽網站】

【網站設計】OPEARRY(已改名為Steiff)官方網站

時期：任職於 兆星國際有限公司
擔任：網頁資管部主任

說明：
新的代理品牌OPEARRY(已改名為Steiff)上線，設計規劃完整的官方網站及購物車功能，也需將之後行銷頁面的擴充介面先規劃進去。購物車的功能有參考較知名的購物平台去設計。

備註：因離職有段時間，目前官方網站介面及功能已由接手同仁大幅修改過，故會與此版本有所不同。

【點擊圖片可看大圖】

首頁─



TOP5本月熱門商品─



本月優惠活動─



最新消息(未展開)─



最新消息(已展開)─



新上架商品─



產品總覽(未登入)─



產品總覽(已登入)─



產品類別頁─



產品細項頁─



會員登入─



加入會員─



會員規範─



會員專區─



會員資料修改─



交易記錄查詢頁─



交易記錄結果頁─



交易記錄結果細項頁─



購物車未登入頁面─



購物車內容(購物車step1)─



收貨確認頁面(購物車step2)─



發票樣式+付款方式確認頁(購物車step3)─



訂單確認頁面(購物車step4)─



訂購完成頁面(購物車step5)─



刷卡失敗頁面─



訂購成功確認信─



出貨通知確認信─