洪紹軒
對於新事物我往往擁有滿滿的好奇心，擅長解決未面對過的問題，並且是標準目標導向的人格特質，能以團隊合作或獨立作業方式完成所分配的任務。
目前在合華科技擔任前端工程師，在此期間以Vue做為主要開發工具，完成 3 個百萬級別級別專案開發與超過7個的原專案的功能開發維護。
曾任職1111人力銀行的SEO部門主管，除了迅速帶領團隊的整體實力提升，並為公司優化了許多極具商業價值與高競爭度的重要關鍵字。
前端工程師 Front-End Developer
Taipei, TW
+886983-007-939
學歷
前端工程師, 合華科技股份有限公司, 2020/7 - 現在
- 代表性專案
- 遠距會診系統 : 以 Jitsi Meet API 方式建立可視訊的會診系統，並以 SignalR與後端進行即時溝通打造 Client端的文字聊天室。並在登入畫面的Dashboard中以Chart.js打造資料視覺化的追蹤系統。
- 公費生系統 : 前後端分離 ，以Vue.js + RESTful API 重構原有系統，重構後使用者使用滿意度調查 由原本 50%上升至 90% 以上。
- 工作內容
- 豐富的實務經驗：任職期間完成 3 個百萬級別級別專案開發與超過7個的專案維護。
- 具備優秀的溝通能力：能有效統整PM需求與後端資料的差異性並溝通，達到PM預期的 功能與效果。
- 對系統品質的要求：在系統開發期間會以Git做為專案的版本控制方式，並以Jenkins完 成專案的自動部屬。
- 善用專案管理工具：在工作時使用 Trello 與團隊溝通，藉此追蹤工作進度並維持專案品 質。
- 自主解決問題的能力：曾任職過SEO工作，因此對於未處理過的問題能以更精準的關鍵
字快速找到解決方案。
SEO部門代理主管, 1111人力銀行, 2018/3 - 2020/2
- 1111主網站、專區關鍵字優化
- 負責操作多組重點關鍵字並獲得Google搜尋結果排名第一名的位置並維持； 關鍵字包含「徵才」、「求才」、「找人才」、「徵人」、「招募」、「新鮮人」、「社會新鮮人」、 「幸福企業」與「找工作APP」
- 其他操作的重點關鍵字獲得Google搜尋結果排名前五名的位置並維持； 關鍵字包含「產經新聞」、「找工作」、「研替」、「地區字+家教」與「科目字+家教」 例如: 台北家教、台中家教、高雄家教、數學家教、英文家教、日文家教
- 集團網站專區優化、規劃建議、成效追蹤，提升總體自然搜尋流量與轉化量
- 初就任SEO主管期間，在兩個月內就使SEO流量轉換率成長20% ↑
- 部門優化指導培訓、優化指南制訂
- 客戶官網SEO優化方案評估、報價、審核
學歷
國立交通大學, 經營管理所, 2016/6 畢
- 論文以SQL Server進行資料整理，主題主要探討公司治理對公司資訊不對稱之影響
- 在學期間曾自學WordPress進行網站架設
國立中興大學, 資訊管理系, 2013/6 畢
- 畢業的資訊專題展，協助組別獲得國科會補助
專業技能
前端技術
- Vue.js 框架
- Ajax
- Javascript
- jQuery
- SCSS
- Bootstrap
- HTML5 / CSS3
後端開發
- Node.js
- MySQL
其他
- SEO(On-Page、Off-Page SEO)
- Git版本控制
- Google Analytics
- Google Search Console
- TOEIC 700
- Adobe XD
- Illustrator
- Photoshop
- WordPress
作品
｜手錶電子商務網站
- 專案主題：Online Watch Store
- 核心技術：Vue 3 (Composition API) + Vite + Vuex + Vue Router
- UI Framework : Tailwind + PrimeFaces
- CI/CD : Github Actions
- 專案網址：https://poseidoncode.github.io/ecommerce/#/
- 功能說明：使用最新的Vue 3 Composition API方式並介接RESTful API，以CSR方式為使用者帶來最佳的購物體驗。
｜COVID-19家用快篩試劑地圖
- 專案主題：公費COVID-19家用快篩試劑社區定點診所名單
- 使用技術：Vue 3 + Vite + Tailwind + Leaflet
- 專案網址：https://github.com/Poseidoncode/rapidTestMap
- 功能說明：使用 Leaflet + OpenStreetMap 地圖應用做開發，結合衛生福利部的API資料，讓使用者能快速找到快篩試劑。
- 備註 : 由於目前衛生福利部疾病管制署已將此API移除，因此目前只能透過截圖看到原本畫面
｜酒莊Landing Page
- 專案主題：酒莊Landing Page切版
- 使用技術：Pug + Sass + jQuery
- 專案網址：https://poseidoncode.github.io/scrollingpage/
- 功能說明：使用 Pug + Sass + jQuery 進行切版，並搭配 skrollr做到視差滾動的頁面效果
｜電商網站- 優惠券功能
- 主要職責：會員優惠券功能開發
- 使用技術：React.js、Redux、Node.js、Bootstrap、SCSS、Mysql、HTML5
- 專案網址：https://github.com/Poseidoncode/hipster
- 功能說明：消費者可在優惠券管理中能一目了然自己擁有哪些優惠券並快速兌換優惠券，通過特別折扣和獨家優惠吸引消費者做二次購物，幫助廠商快速建立消費者品牌忠誠度
｜電商網站- 客服問答功能
- 主要職責：客服問答功能開發
- 使用技術：React.js、Redux、Node.js、Bootstrap、SCSS、Mysql、HTML5
- 專案網址：https://github.com/Poseidoncode/hipster
- 功能說明：消費者可在問答管理中一目了然自己詢問過哪些商品的問題，亦可在各個商品下快速建立諮詢並獲得回覆
｜電商後臺管理系統- 優惠券功能
- 主要職責：會員優惠券管理功能開發
- 使用技術：PHP、MySQL、Ajax、Bootstrap
- 專案網址：https://github.com/Poseidoncode/dashboard
- 功能說明：透過電商後臺管理系統的優惠券管理，品牌商可迅速 依照不同的⾏銷需求去建立活動優惠券，亦可將優惠券迅速分發 給特定的消費者
｜婚宴會館品牌商網站
- 主要職責：網站架站、規劃、設計、關鍵字操作獨自完成
- 使用技術：WordPress、cPanel、SEO、Google XML Sitemaps、Really Simple SSL、Schema、 WP Fastest Cache
- 功能說明：透過品牌商網站的架設與關鍵字操作，消費者可透過搜尋「翔鴻婚宴會館」品牌字與長尾字迅速找到品牌商資訊
｜個人部落格網站
- 主要職責：部落格網站架設
- 使用技術：Github、Hugo、Markdown
- 功能說明：個人化的部落格，內容陸續建構中，主要用來記錄自己的相關專案、設計與學習，需熟悉Hugo結合Github建立流程
｜台南旅遊美食地圖實作
- 主要職責：台南旅遊美食地圖製作
- 使用技術：HTML + CSS + jQuery + Leaflet
- 專案網址：https://poseidoncode.github.io/collection-TainanTravelMap/
- 功能說明：使用 Leaflet + OpenStreetMap 地圖應用做開發，結合台南市政府的開放資料，使想去台南旅遊的遊客能快速找到最適合的資訊
｜飯店Landing Page
- 主要職責：飯店網站Landing Page切版
- 使用技術：CSS、HTML
- 專案網址：https://poseidoncode.github.io/collection-RadJisson-Hotel/
- 功能說明：引用素材做RWD 切版
｜髮廊Landing Page
- 主要職責：美髮沙龍網站Landing Page切版
- 使用技術：CSS、HTML
- 專案網址：https://poseidoncode.github.io/collection-salon/
- 功能說明：引用素材做RWD 切版
｜質數計算機實作
- 主要職責：質數計算機製作
- 使用技術：CSS、HTML、JS
- 專案網址：https://poseidoncode.github.io/collection-PrimeComputer/
- 功能說明：使用原生JavaScript製作，讓使用者能快速找到特定範圍的所有質數
