About Your Tutor

關於師資

加入 Webflow 課程0206-imr.psd (Facebook Post (Landscape)) (Facebook Cover)

關於 Tendemy 學院

What’s good everybody! 我是 Tenten 的創辦人 Erik,同時也是一名全端工程師 / UIUX設計師 / 創業投資者,耕耘廣告設計、技術開發、創投行業等領域至今已超過 15 年。 而 Tenten 創立這 10+ 年來,更是接手過 Accenture、Verizon、中華電信、遠傳電信、長榮航空、大陸工程、Vanmoof … 等客戶,我們除了提供優質的 web/app UX 設計、品牌行銷規劃,也協助企業導入新創思維,促成品牌的數位營運轉型。在過程中,我們希望倡導以數位的方式驅動品牌,客戶的好評回饋也讓我們思考如何將這樣的數位力傳遞給更多人。透過 Tendemy,我們可以分享有關設計、數位、電商、新創的課程,幫助學員系統性的學習,建構豐富的業界實戰力,課後也有專屬學員社團提供問題與討論的空間,在學習成長的路上持續提供專業指引。

你所認識的 Tenten

Tenten 作為一個新創思維的網頁開發 / 設計事務所,致力透過廣泛研究與設計方法協助客戶打造高價值產品,也斬獲不少海外設計獎項。過去我們也曾使用業界標準的網站開發流程長達 10 多年的時間,由設計師搭配全端工程師,使用 HTML / CSS 切版製作網站(流程:UI / UX/ Wireframe > Prototype > Production)不過自從出現 RWD 、多裝置的用戶端需求後,網站開發變得需要耗費大量時間去調教不同裝置下的 UI 相容性。隨著網頁開發工具的疊代,Tenten 也引入各式有助於提升產品開發效率的協作工具,讓業務管理更簡便,從設計到製作的流程也不需再過度仰賴設計師與工程師頻繁的修改打磨,設計師自己就能獨自製作並發佈網站,甚至加入動畫特效、植入 low-code 程式碼,發展更多元的應用。

來談談 Webflow 吧!

Webflow 是一個新型態的 No-code 網站製作工具,與傳統的 Wix、SquareSpace 不同,它的介面更像設計師所熟悉的設計軟體, 只要用滑鼠拖曳素材就可以簡單建構網站,同時網頁前端的程式碼也會自動生成,這意味著網站啟動的速度更快,也不需委託工程師的專業協助,幾乎是設計完成之後就可以同步上架。這種開發流程使產品或想法可以快速的實踐並推向市場,也獲得許多新創公司的青睞。

 

Webflow 目前已成為僅次於 Figma 成長速度最快的設計工具,除了簡單操作的介面,更深入的還能植入 JavaScript、HTML slam bat 等等程式碼,完成較複雜的動畫效果。由於是以設計起家,Webflow 圈內也有不少設計好手會分享自己製作的模板給大家使用。而 Tenten 近年來更是已經採用 Webflow 完成超過上百個專案,無論是與國際品牌合作打造優質的產品體驗或是驅動業務增長,Webflow 都能讓設計師自由展現視覺語彙,並以多元的功能開發滿足不同數位應用。

Tendemy™ 的 Webflow 線上課程

這堂 Webflow 線上課程將由淺入深,帶領學員從最基礎的 Webflow 關鍵概念、基礎板塊功能操作開始認識介,後續延伸到加深 CMS 管理、動態網站、template 模板拆解分析,並最後實戰設計出自己的網站。課堂中將透過實際案例解析,結合業界經驗分享加速學員的學習,並活用 cloneable, UI kit 等等實踐網站功能製作。由於 Webflow 目前在網路上的資源還是以英文為主,透過 Tendemy™ ,我們希望可以系統性地提供學員中文的學習管道,經過轉譯、消化過的教材內容也能更快速的吸收理解。

 

課堂外,我們也建立了 Webflow 中文 FB 社群以及論壇供學員課後發問討論,提供技術上的支援、問答,並排程更多解答影片來處理後期難度更高的技術應用。除了持續推廣這項好用的網站設計工具,我們也想分享關於 No-code 的概念,導入 Bay Area 的新創思維 – Find The Right Tool for the Right Job.

Webflow 線上課程的改變與成效

Tendemy™ 的這套 Webflow 課程原先是我們用於教育公司內部實習生或是剛入職沒有 HTML/ CSS 經驗的設計師的訓練教材,讓他們在觀看教程、上手這套軟體之後,搭配專案實作熟練網站設計/開發的即戰力。而這也是我們的實習生、新鮮人剛進公司不到一個月就能馬上開始參與專案,執行 UI 設計及網站開發的原因之一。

 

參與 Tendemy™ 的 Webflow 課程能讓學員打下 HTML、CSS、JavaScript 的基礎,在熟悉 Webflow 之後,學員就能獨立執行產品開發、網頁設計等專案,自由接案之於能更有效率的完成工作。若是對新創產業有一定的敏銳度,甚至可以嘗試 SaaS 創業,將自己的優勢極大化。

Why Tendemy™ ?

我們想推廣一個簡單的想法:掌握新時代的工具,實現跨領域的可能。對於程式苦手的設計師或沒有設計背景的工程師來說,Webflow 可以補足兩方所缺少的專業性,讓不同才能的人快速合作建立 prototype, MVP,甚至是實作大型網站。

 

這堂課程融入了我們在打造出無數電商、產品、企業網站所累積下來的經驗,只要熟稔這課程內容,除了設計開發操作上的硬實力,也能洞悉產業內的實際情形,熟成業界實戰力,接下來,你將會是一個自由接案者、UI 設計師、網頁設計師、創業家…whatever you call yourself!

 

 

What’s Next? 跟業界頂尖的總監一起學習設計與開發!

Webflow 中文社群(華語區最大社群)

我們擁有Webflow華語區最大的中文社群,與更多人一起學習成長!

專屬學員論壇
提供專屬的論壇與Discord研討會,學員能夠隨時發問並得到解答!
UIUX 設計課程
分享UIUX與設計思維,讓學員提高解決問題的能力!
業界講師分享會
邀請各領域設計職人、創意總監、創辦人分享產業知識!
Web3 入門課程
OpenSea 作品上架、NFT購買、MetaMask 錢包管理課程。

自信地設計出色的網站-我將教會你如何用 Webflow 打造精美的網站和互動設計

Erik Chen — Founder, tenten.