Eason 是一位擅長 3D 設計、遊戲化互動與前端開發的網頁設計師,目前經營自己的設計公司 ES Design,帶領一支多技能團隊。他的接案旅程從平面設計起步,因為對滾動視差等互動網頁技術產生興趣,開始自學程式,並透過實戰累積能力,逐步轉型為全能型網頁設計師。他的接案哲學是「無縫接軌」,確保案源穩定後才離職創業,並在擴展團隊時透過財務檢視、Side Project、投放廣告等方式維持穩定成長。
在台灣,能夠將網頁設計做到兼具美學與技術的設計師並不多,Eason 就是其中之一。他不僅是 ES Design 的總監,還是一位全能型的設計師與前端工程師,擅長 3D 設計、遊戲化互動,甚至跨足程式開發。這次,我們邀請 Eason 來聊聊他從 平面設計師轉型為網頁設計師、自由接案,並一路發展成創業者的歷程。
Eason 的設計生涯從 平面設計與品牌設計 開始,直到某天無意間發現一個設計網站,展示了許多滾動視差(scroll-based interaction) 的作品,讓他大受震撼,決定挑戰這種高難度的網頁互動設計。
起初,他透過購買 WordPress 模板來學習,後來為了達到更精細的設計,開始自學如何修改程式碼,最終直接從頭開始寫網頁。他的程式學習方式很直覺,並非從教科書或正規課程學起,而是透過需求驅動學習——當他需要某種效果時,就上網搜尋相關技術,並在實作中學會 CSS、JavaScript 等技術。
這種 「先有目標,再學技能」 的方式,讓他能夠快速進入網頁開發的世界,並且始終保有設計師的視角,讓作品兼具技術與美感。
雖然 Eason 最初是以視覺設計師的身份進入業界,但他對程式碼的接受度相當高。他認為,如果一開始就透過傳統教材來學習,可能會因為艱深的概念而產生抗拒,但透過實際應用與專案導向的學習方式,能夠更有動力地掌握技術。他回憶起自己第一次看到 JavaScript 迴圈時的困惑,但當他發現可以透過程式碼讓網頁元素產生動態效果時,學習就變成了一種樂趣。
他也提到,對於平面設計師來說,學習 Webflow 會是個不錯的入門選擇,因為它的編輯方式仍然建立在 CSS 邏輯之上,但卻比直接寫程式碼來得直觀。不過,他也強調 Webflow 並不是「所見即所得」的工具,仍然需要基本的 CSS 邏輯概念。許多傳統平面設計師在學習 Webflow 或 Figma 時,往往會因為自動布局(Auto Layout)而感到挫折,因為這與 Photoshop 等設計軟體的自由排版方式完全不同。
因此,從學會 Figma 的 Auto Layout 再進入 Webflow,會是一個比較友善的學習路徑,能夠降低挫折感,讓設計師更容易適應現代網頁設計的流程。
當 Eason 開始接案時,他選擇無縫接軌,也就是在找到下一份案子前,才會考慮離開現有的工作。他的接案量逐漸穩定後,開始思考創業的可能性。
他坦言,當初創立 ES Design 最大的推動力來自於他的太太。一開始,Eason 需要應付大量的行政事務,但並不熟悉專案管理與業務流程。他的太太加入後,幫助處理會計、客戶溝通等瑣碎事務,讓 Eason 可以專注於創意與技術發展,並逐步將公司的運作標準化,建立 SOP。
當接案量穩定後,Eason 也開始考慮擴編,逐漸從個人接案者轉型為帶領團隊的創業者。他分享了他的團隊架構:
但與傳統團隊不同,Eason 鼓勵成員發展多元技能,例如他的前端工程師也是攝影師、團隊中的插畫家同時會寫程式與 3D 設計。他認為,多技能的人才不僅能提升專案的靈活度,也能在競爭激烈的市場中擁有更多機會。
聘請全職員工,意味著更大的責任與財務壓力。當團隊擴張後,Eason 也感受到「對員工負責」的壓力,擔心如果未來案源不穩,是否能夠繼續支撐團隊。他的解決方案是每三個月進行一次財務檢視,確保至少能夠支撐接下來兩到三季的運營費用。
如果發現案源可能不足,他會立即啟動備案,例如:
他認為,沒有案子的時候,並不是休息,而是「創造被看見的機會」。這樣的策略讓 ES Design 即使在市場競爭激烈的環境中,仍能保持穩定成長。
對於許多自由接案者來說,從個人工作室轉型為團隊經營是一個重要的抉擇。Eason 分享了他的建議:
對於想踏入網頁設計領域的平面設計師,Eason 建議:
「不要一開始就執著於學習特定的程式語言或框架」Eason 說,「找到讓自己覺得有趣的切入點更重要。」
歡迎你放心的來諮詢看看,看看適不適合你,再回去做決定。這是一套針對每個人不同能力、個性、現況評估,帶領學員一起在每一個接案需要的層面,找出最適合持續長久運轉的作法和訓練的一對一教練課程。一對一針對個人技能提升路徑,以及接案事業定位策略,建立一套持續運轉的獨特個人接案事業公式。表演影像設計師 - 瑋芳 Wei Fang
ES Design 總監 Eason
架動態網站就像用 Adobe Ai/Ps 一樣簡單?
平面設計師的網頁架站工具!你是不是也和我一樣,覺得 Wix, Weebly 還有其他套版工具架出來的網站,都太無聊了?覺得要做像樣的網站要學習的幅度太難了?好希望有一個架站工具像 Adobe Ai/Ps 一樣直覺就好了!這堂課程會讓你學會製作客製化動態網頁設計,為客戶製作網站,以及接案與客戶談專案的方式。目前線上課程正製作中,如果你有興趣的話,歡迎填一下這份簡單表格,官方有提供專屬折扣碼,到時課程上線之前會通知你!這項產品相信對你的設計職涯會有很大的幫助。
不停|個人接案系統|一對一教練課
如果你想靠接案打造一人事業,並建立一套可以持續運轉的商業模式,歡迎免費預約諮詢,瞭解看看能不能幫助你吧。
不停|接案必備工具包
不停推出的產品—接案必備工具包,裡面有報價單、合約書、勞務報酬單、Notion 作品集範本,售價 USD $29.99,我本人使用這包裡的東西從來沒有被欠款過,如果喜歡不停,歡迎支持一下,也為自己買一份保障。只要有這一包,接案流程就完整了!
點我購買
不停推出免費自由接案電子報!
現在訂閱送你超實用的客戶一覽表,管理你的客戶與計算你的成績!主要會從裡面分享第一手的優惠折扣碼,課程資訊、線上研討會、講座以及任何能幫助到你的活動,如果有興趣的話歡迎訂閱,不會沒事每天一直發郵件給你,別擔心。
Eason 是一位擅長 3D 設計、遊戲化互動與前端開發的網頁設計師,目前經營自己的設計公司 ES Design,帶領一支多技能團隊。他的接案旅程從平面設計起步,因為對滾動視差等互動網頁技術產生興趣,逐步轉型為全能型網頁設計師。