范宇宏

前端工程師

  New Taipei City, Taiwan

擔任網頁設計師已有 5 年資歷,非常熟悉 RWD 網頁製作,期間學習前端相關技能,使用 Vue 開發 SPA 網站。

擔任過網站開發團隊的不同職位,從網站企劃 → 網頁設計師 → 前端工程師,熟悉網站開發流程,能了解業主的需求,並快速的解決問題。

此外,我過去也是華語歌詞作者,賣出 4 首歌詞,對我來說從寫歌詞到寫程式,都是創作,歌詞和 coding 沒什麼不同。

     [email protected]

技能

前端語言與框架

   Vue.js      JavaScript      jQuery     SCSS     CSS Animations     HTML5     Bootstrap     Vuetify    

Vue.js

  • 以 Vue CLI + Vue Router 建置 SPA 應用
  • 熟悉元件生命週期 、元件模組化開發
  • Vuex 資料狀態管理

了解 REST API ,串接後端資料,以及前端瀏覽器驗證

熟悉 RWD 網頁開發,了解各瀏覽器及各寬度裝置的最佳化呈現

自訂 BootstrapVuetify 的 scss 變數,打造彈性、快速的、具複用性的樣式模組

有 SEO 網站優化的經驗,與後端溝通,規劃網站後台各版位資料

工具

  Git      Webpack  

設計與 UI 相關

  Photoshop      Illustrator       Adobe XD  

專案


CAMELBAK 購物商城

作品  https://fandowg.github.io/fandowShop/

GitHub  https://github.com/fandowg/fandowShop

使用 Vue 製作的 SPA 網站,串接商品 API、多層資料篩選、提供購物車結帳功能,以及後台上資料的介面。

沒有引入 Bootstrap 以及 jQuery,所有 css 及元件全部自己寫,但是借用 Bootstrap 的 scss 變數以及結構,自己寫 grid。

巨匠美語官網

前往  https://www.soeasyedu.com.tw/

重新改版的 RWD 網站,內容包含課程介紹以及部落格、影音內容,營收來源為網頁填單後至實體分校上課,網站使用 jQuery 以及 Bootstrap,主要負責設計、切版以及和後端工程師溝通協調、後台資訊的建立和維護,上線之後負責 SEO 的優化以及陸續的課程頁面製作。

不只是網頁設計,是這個網站的負責人。

GaragePlay 車庫娛樂官網

原作品 https://fandowg.github.io/garageplay/

發行過《屍速列車》《我和我的冠軍女兒》的車庫娛樂,於 2017 重新規劃官網,目前雖已改版,但是大致上沿用相同的風格與排版。

在這間公司製作了 15 個以上和電影相關的網站或服務,但我最喜歡的還是這個官網,滿版的視覺與大量的海報,呈現電影的高質感。

以 Vuetify 打造的作品集

前往 https://fandowg.github.io/portfolio/

Vuetify 是一個基於 Material Design 的 UI 框架,運用各 UI 組件與大量的 prop,可以快速的產出適合各裝置的最佳體驗 UI 樣式。

將我過去的網站作品整理在這邊,雖然很多都是實驗性質的網站,沒有營運很久,但對我而言,這是給我在短時間內累積大量網站製作的寶貴經驗。


工作經歷

網站設計師  •  巨匠電腦

十二月 2017 - Present

主要負責巨匠美語網站的改版與新網頁產製,網站的 SEO 優化。

獲獎:2019 年度巨匠行銷之星

巨匠美語 (https://www.soeasyedu.com.tw/)

1. 網站改版、SEO 優化,增加 50% 自然搜尋流量以及 30% 轉換

2. 製作新課程頁,提升 SEO 排名至第一頁

3. 部落格規劃與改版,提升 60% 流量,使其成為網站重要流量來源

4. 網站設立學員專區,提供劃位請假等等服務,學員問券滿意度提升至 90%

5. 協助公司其他事業體系的網頁製作,使其順利上線,因此獲得 2019 年度巨匠行銷之星殊榮

6. 設計巨匠美語 APP 介面

7. 網站內容更新與經營

8. 社群貼文圖片製作

9. 影片剪輯

網頁設計師  •  車庫娛樂

三月 2016 - 十一月 2017

主要負責公司新網站服務的網頁開發,期間完成超過 15 個網站與服務(包含單個網站的多次改版)。

平均三天到一週做好一個網站的頁面,短時間內累積大量的 RWD 切版經驗。

作品類型包山包海,有訂閱服務、線上影城、投票集氣網站、部落格網站、各子品牌電影網站、影城網站、票房資料網站、檢舉盜版網站、後台上架介面,應有盡有

作品請見專案作品集 → https://fandowg.github.io/portfolio/

(已下線或改版的網站,改放靜態頁面)

網站行銷企劃  •  良友旅行社

一月 2011 - 六月 2015

1. 公司網站的經營與維護

2. 新專案網頁、季節促銷網頁的提案

3. 網路行銷活動的規劃,平均一個活動增加 3000 到 5000 粉絲

4. 社群小編

5. 簡單的網頁設計

6. 各式網頁文案的撰寫,廣播廣告發想

7. 獨立規劃完成購物商城「沒事買買購物網 」,包含商品的評估和買進,建立購買與送貨的流程。

簽約歌詞作者  •  福茂音樂

六月 2009 - 三月 2015

為歌手創作歌詞,在嚴苛的比稿環境中脫穎而出。

1. 《犯規》 鬼鬼演唱 2012/12 ,中視 戀夏38°C 片頭曲 (https://youtu.be/1COrXvtgV4Y)

2. 《對角線》 陶妍霖演唱 2012/12 (https://youtu.be/sPQS2283GjI)

3. 《夢想擴音機》 劉美麟 演唱 2013/05 (https://mojim.com/jpy120387x1x4.htm)

4. 《幸福的螺旋》 朱俐靜 演唱 2015/11,星座愛情魔羯女 主題曲 (https://youtu.be/oFYqrU4wpGU)

Powered by CakeResumePowered by CakeResume