Sean 履歷、作品集

基本資料

• 姓名：蘇翔宇 Sean / 筆名 August
• 生日：1986/08
• 兵役：役畢（2010 / 8月退伍）
• 婚姻：未婚
• 身份：Let's Write 站長

學歷

• 淡江大學
• 主修：國際貿易學系
• 輔修：中國文學學系

Let’s Write 站長

利用業餘時間經營網站 Let’s Write，撰寫技術文章。

文章的主要精神是，學技術是為了 解決問題 ，而不是為了什麼技術潮就去學。

目前文章數為 220 篇，每月不重覆瀏覽量約為 2 萬。

全文章列表：https://www.letswrite.tw/sitemap/

經歷

• 豐田生技資訊股份有限公司 系統部前端工程師（111.08 – 仍在職）
• 商周集團 資訊部前端主任（105.04 – 111.05）
• 迪希數位科技 網站前端人員（103.12 – 105.04）
• 三民輔考 網路行銷/網站前端人員（100.08 – 103.11）

---

豐田生技 系統部前端工程師

在職期間 115 年 8 月 – 仍在職

• 網頁製作：官網改版
• 技術：Vue.js、Vanilla JS、SASS/SCSS、Google Analytics、Figma 設計

因為部份專案未上線，無法公佈，以下僅提供二項已上線之專案。

網站改版：前端部份

• 寵登網前台改版：手刻 UI、部份 JS 程式碼替換成 Vue.js。

網站改版：UI/UX、前端

• 寵物食品申報網：前後台設計、手刻 UI、Vue.js。

GA

• GA 電商報表：埋設事件

標籤：# Vue、# Tailwind CSS、# API

---

商周集團 資訊部前端主任

在職期間 105 年 4 月 – 111.05

• 網頁製作：官網改版、品牌合作頁、直播頁、會員功能整併、電子報
• 開發 LINE、Telegram 機器人：網站報錯通知、自動佈署結果通知
• 技術：Vue.js、Vanilla JS、Pug、SASS/SCSS、SPA、Google Analytics、Google Apps Script、SEO

以下是在商周製作過的案子。

官網、內部工具

• 會員登入/註冊整併：點擊右上角的「登入」。
• 電子報生成器 V2：後端用 Node.js，前端用 Vue.js，因為是架在商周主機，因此這邊是看操作時的示範影片。
• 電子報生成器 V1

標籤：# Vue、# Tailwind CSS、# API、# Firebase

行銷活動

• 百大寵物醫師投票
• 商周陪你讀
• Smart 基金獎
• 書籍宣傳 心理測驗

標籤：# Vue、# Tailwind CSS、# API、# Google Sheets

品牌合作

• TOD'S
• 皇翔

標籤：# JavaScript、# Vivus.js

公部門

• 桃園新創嘉年華
• 水保好好玩（網站已下線，此為 Demo 截圖）

標籤：# JavaScript

功能

• LINE 自動佈署通知機器人
• Telegram 網站報錯機器人
• GA 電商報表：埋設事件

標籤：# Vue、# Bot、# GA

---

迪希數位科技 網站前端人員

在職期間 103 年 12 月 – 105 年 4 月

• 網頁製作：Jade、SASS/SCSS、Compass、Susy grid、jQuery
• 從設計師 PSD 檔案中，處理頁面所需圖片
• 專案助理：2015Canon 攝影馬拉松

作品

• 高雄電影節
• 攝影馬拉松

主要工作內容是跟設計師拿到 PSD 檔案後，製作成網頁，上傳至 GitHub 交由後端人員串資料並上架。

製作網頁時會考量 SEO 的頁面優化部分，包含 <title> 建議文字、<h1> 等標題安排、HTML5 標籤應用、*-min.js、樣式都引用至 CSS 檔以加快讀取速度…等。

2015Canon 攝影馬拉松專案，負責廠商與後端 .NET 工程的聯絡、FB 粉絲團宣傳活動及經營、活動所需文件整理、各項報表製作、現場程式管理維護…等。

---

三民輔考 網路行銷/網站前端人員

在職期間 100 年 8 月 – 103 年 11 月 (3 年 4 個月)

• 網頁製作：HTML、CSS、Bootstrap
• 作品集 102 年 / 103 年
• 網頁設計（含 PhotoShop 處理頁面所需圖片）
• 電子報設計、製作。利用平台發送，並能投放至 Gmail 主要信箱
• 網頁、平面文宣等文案撰寫
• 產業相關新聞資訊收集
• 撰寫新聞稿
• SEO：頁面優化、利用免費部落格及網站平台增加外部連結、內部頁面文案撰寫以增加內部連結、撰寫目標關鍵字新聞稿

作品

• 下載活動
• EDM
• 書籍宣傳活動

在三民輔考工作期間，是先當了約半年的工讀生後，轉為正職。

工讀生時負責網頁文案撰寫、實體文宣文案撰寫、奇摩知識家答題並宣傳。

升成正式職員後，負責網站頁面設計、製作，並處理網站 SEO。

網站頁面設計約 1/3 素材由美術人員提供，因美術人員主要處理實體文宣，因此網頁部分素材多由自己尋找、設計。

頁面製作主要使用 Bootstrap 為框架，採用區塊分布明顯的兩欄式，以利製作 RWD 頁面。若是設計檔案下載的頁面，因頁面主要目標是下載量，因此將填寫表單的區塊放置於最顯眼，最方便填寫的位置，送出按鈕也用吸引人注意的橘紅二色。

網站 SEO 上，統一整理了網站主要頁面中，各要爭取排名的關鍵字，並請行銷人員撰寫獨立新聞稿，由我審搞、修改後，依標題、超連結需要上架至網站。

與行銷主管合作，製作關鍵字購買時，連結上所需頁面，包含 Google 關鍵字、Yahoo 關鍵字及原生廣告。 增加外部連結部分，由於公司有買大量的中文網域，依此讓相關內容的網站互相連結，如若連到外部網站，會考慮同質性與否加上 nofollow，讓網站分數不外流。也會至外部平台放置新聞 + 超連結增加網站流量，以及外部連結收錄量。

技能能力

技能的作品即可至導覽列的「技能標籤」中做連結觀看：

語言

• 中文（精通）
• 英文（普通）

網站前端

• Pug / HTML
• SCSS / SASS/CSS
• Vue.js
• PhotoShop
• 機器人：LINE、Telegram

模版

• WordPress

SEO

• SEO
• Google Analytics
• Google 網站管理員工具