Vivi Huang

我叫Vivi正朝向網頁前端工程師邁進歷經了長達6個月的密集訓練
從零基礎到現在已可以獨立完成網頁
截至目前為止我已完成12項以上網頁相關的作品
其中包含切版、RWD、js的動態效果、串接API、
自建MySQL資料庫、Php、UIUX網頁開發相關技能
以及繪圖軟體Ai、Ps
歡迎到我的作品集參閱

  Taipei City, Taiwan

    

專案


PHP-PINKOI電商網站

復刻電商網站的商品列表頁及商品細節頁,可由商品列表頁,點擊進入相對應的商品詳細頁面。

自行建立MySQL資料庫,以php的方式串接API,並使用關聯式資料表,撈取動態商品資訊,並分別用php和純javaScript,共2種方式寫成2套相同效果的網頁。

其中利用for與foreach迴圈,產生動態資料。並用不同語法將資訊填入對應區塊。


Skill:

.PHP|MySQL|JSON|JavaScript|html|CSS|Bootstrap

https://www.youtube.com/watch?v=r0UZaDWwyOM

PHP-BikeNGo單車旅遊交友網站

團體專案(Bike N Go單車旅遊交友)

網站除了販售單車台灣旅遊行程,還同時提供會員們交友聊天的功能。

主要負責公版及首頁。

自行建立MySQL資料庫,以php的方式串接API,並撈取動態會員資料,將會員資料用性別拆分為兩組陣列,再用shuffle方式將陣列洗牌,已達隨機推播會員人物卡的效果。

Skill:

.PHP|MySQL|JSON|JavaScript|RWD|html|CSS|Bootstrap

https://www.youtube.com/watch?v=_c3JI7mx_s0

PIAGET-layout-RWD

網頁切版練習

.練習重點:html架構|CSS運用|Bootstrap應用|響應式網頁斷點練習

web-layout-practice

.html|CSS|Bootstrap|RWD

https://fayevivi.github.io/PIAGET-layout-practice/PIAGET.html

JavaScript-LINE sticker

運用JavaScript 結合正規表達式(regular expression)抓出LINE貼圖上的系列貼圖,並使用for迴圈及CSS技巧,將迴圈結果用創意的手機視覺呈現。 

.練習重點:JavaScript 

.html架構|CSS運用|Bootstrap應用

JavaScript-practice

.JavaScript |Regular expression

.html|CSS|Bootstrap

https://fayevivi.github.io/stickers/sticker.html

ARMANI-layout

網頁切版練習

.練習重點:html架構|CSS運用

web-layout-practice

.html|CSS

https://fayevivi.github.io/ARMANI-HOTEL-layout-practice/ARMANI_HOTEL.html

HERMES-layout

網頁切版練習

.練習重點:html架構|CSS運用|Bootstrap應用

web-layout-practice

.html|CSS|Bootstrap

https://fayevivi.github.io/HERMES-layout-practice/HERMES.html

PAZZO-layout

網頁切版練習

.練習重點:html架構|CSS運用|Bootstrap應用

web-layout-practice

.html|CSS|Bootstrap

https://fayevivi.github.io/PAZZO-layout-practice/PAZZO.html

JavaScript-array

運用JavaScript取得陣列資料並做數值運算,且加上創意動態視覺效果呈現於網頁上。

.練習重點:JavaScript 

.JavaScript html|CSS|Bootstrap

https://fayevivi.github.io/score-js-practice/score.html

技能

Front-end

   html      CSS      JavaScript      jQuery      Bootstrap 

Back-end

   PHP      MySQL      apache     

Design Tools

   Illustrator      Photoshop      XD      X-mind      draw.io   

工作經歷


銷售專員

BURBERRY-英國倫敦

九月 2018 - 九月 2019
Taipei, Taiwan

*提供顧客個人化的專業服務,包含品牌故事、商品設計理念傳遞,最重要是滿足客戶需求,且幫助顧客穿搭教學,以助個人業績目標達成。
*顧客關係管理,客戶資料建檔、分類整理規劃,以利後續聯絡,精準行銷。並保持良好顧客關係,培養永續經營主顧客。
*維持店面行政及營運良好運作。

BURBERRY-SALES ASSOCIATE
*Sales & Service: Consistently meet individual sales goals, providing excellent customer service skills and selling skills. (top sales all the time, and receive the good feedback from customer service survey)
*CRM: Maintain an up-to-date and detailed client book, use the communication app to keep in touch with clients.
*Maintenance & support: keep the standards and the support back of the house.

銷售專員

Church's English shoes

十二月 2017 - 八月 2018
Taipei, Taiwan

*銷售英國百年手工皮鞋,針對不同腳型、需求及喜好提供專業的建議。
*滿足顧客需求,提供客製化服務。
*了解市場潮流趨勢,助於提供顧客搭配上的建議。
*維持顧客關係,追蹤售後服務,並連繫主顧客回購。
*倉儲管理及維持,包含各店調貨事宜及倉庫的存貨管理。

CHURCH’S ENGLISH SHOES (PRADA GROUP)- SALES ASSISTANCE
*Constantly operating store in order to get the maximum customer satisfaction.
*Constantly up-to-date regarding fashion trends, knows and monitors competition.
*Customer service: provide professional service to get the maximum customer satisfaction.
*CRM: ensure the after-sale service to maintain the customer satisfaction.
*Stockroom management: maintain and tidy the stock in store.

通路行銷專員

DR. WU達爾膚生醫科技股份有限公司(LVMH入股)

六月 2015 - 四月 2017
Taipei, Taiwan

*蒐集消費者意見回饋,協助於後續產品及服務發展上更能滿足消費者需求。
*規劃及執行市場行銷策略,包含蒐集數據、行銷提案到廠商合作及企劃執行及後續監督與檢討。
*觀察及預測競爭者策略,並提出相應對策。

DR.WU SKINCARE (LVMH GROUP)- TRADE MARKETING SPECIALIST
*Counter & activities support: satisfy customer’s needs
*GO TO Market strategy/ Implementation management: Developed trade marketing plans
*Competitor’s strategies : Monitored shipment and retail sales data plus competitive trade activity.

行銷專員

太平洋SOGO百貨

十月 2012 - 十月 2014
Taipei, Taiwan

*客戶服務,提供良好顧客服務經驗,並蒐集顧客反饋意見,加以改進後續決策。
*行銷策略規劃及執行,主隊針對特賣會規劃,包含業績目標、招募廠商方向、會場布置、顧客動員、行銷企劃以及後續效益分析與建議。
*積極主動的業績目標達成。
*異業結合洽談。

THE PACIFIC SOGO DEPARTMENT STORE- MARKETING SPECIALIST
*Customer service: provided the best customer experience with patient and positive disposition.
*Market strategy/ implementation management: developed sales marketing plans.
*Activities planning project: held variable activities to achieve objectives for sales results.
*Cooperate with variable brands: found the sponsors from different brands to maximum the sales results.

學歷

2010 - 2012

國立東華大學

企業管理學系