從 UI/UX設計 到 網頁極速製作工作坊

入門學習使用者介面設計與規劃,並在工作坊中利用WordPress 快速架設網頁,並進一步學會經營,省下數萬元的網站外包費用。

這個時代擁有網站並非難事

若想透過網站與用戶溝通,除了委託網站設計公司外,有沒有可能自己架網站?不會設計也不會寫程式,也能自行架設網站嗎?
粉專觸及率愈來愈低,年輕人也都說「FB是老人用的!」以前台灣務農者靠天吃飯,難道現在做什麼都得靠臉書吃飯?最近一次次的刪除臉書活動中讓人不禁思考,下一步,我們該何去何從。也許你可以試試回到自己的網站,經營優質內容讓更多人看見 🙂

這次,你終於學得會了。

上網Google查詢過網站架設、試著照教學影片做了,卻總是不知道哪裡不對勁一直卡關?

平常專注在自己的江山事業,說到網路科技卻像隻侏羅紀恐龍一樣遲鈍?

工作坊內容

採用精煉實戰Workshop型式,只要幾個小時的時間、講者將手把手(step by step)的從頭開始,一步一步帶領你在現場直接做出你的網站,做好直接正式上線、不囉唆。

UI/UX設計

在不同產業類別及用途,會需要不同的網站架構,講師多年的網站製作經驗中統整出常見的幾種元素,讓網頁像疊積木那樣簡單。

網頁架設

規劃好網站後,準備好你的公司資料,文案或照片等,經過篩選建議後,帶著素材們直接在開始建置網站,一口氣完成並擁有。

進階經營

網站上線後,如何在數位世界中脫穎而出就是重點了。包括從關鍵字優化、網站流量分析,到效能提升跟各種有效升級網站的外掛解說等。
工作坊需自備筆電,Mac或PC(Win10以上)皆可,並須先安裝好所需軟體。

UI/UX Design 使用者介面規劃與設計

透過UI設計與UX的使用者體驗規劃,突破框架向外擴散學習,以達成專業多元化及產業提升的目標!
理解使用者為核心的設計思維,學習「像設計師一樣思考」即便工作職位上並不需要使用,也可讓與其他部門、同事的團隊協作上更順利。

已經是設計師也可以透過這次工作坊,將自己精心設計規劃的設計稿實際靠自己開發出來,理解基本網站架構原理,會對原本的設計思維天花板有很棒的提升。

第一章:規劃Wireframe

線框稿 (Wireframe)是一個低擬真度來呈現產品設計的表現方法,在開發流程中使用它目的有以下三點:
1. 呈現產品頁面上主要的資訊
2. 呈現資訊在頁面上的排版與架構
3. 可視覺化,便於描述使用者如何與產品互動

60min.

第二章:使用Adobe XD

這是一套跨平台(Mac,PC都可以用)的 UI/UX設計整合工具,有以下三點特色:
1.操作很簡單
2.輕量・反應快速
3.可以直接輸出原型

我們將在此部分從頭開始學習如何使用UI設計軟體。

1hr. 10min.

第三章:製作Prototype (原型)

Prototype與 Wireframe不同的地方在於,原型是屬於中高度擬真來呈現最終使用者介面的方法。
運用原型的目的即是模擬使用者與介面之間的互動,例如說按鈕按下後會出現的操作方式與呈現等。
簡單來說,就是模擬一個產品完整的體驗。

45min.

第四章:使用WordPress快速建立網頁

將採用常見的 Landing page 網站形式來練習,利用前面親手規劃的設計稿在現場直接將您想製作的網頁做好,並且上線。

2.5hrs

第五章:進階網站經營與設計思考

完成從零到一讓網頁成功上線後,接下來從1到100看個人修煉,我們會在這時候協助您妥善的持續經營與升級網站。

搭配網站的相關工具包括Facebook粉專、Line@經營等,都會有入門的解釋及介紹,可以帶走滿滿的工具箱回家。

2.5hrs.

Riven 林育正

網頁UI/UX設計師

「用麻瓜都聽得懂的人話,說給你聽。」

工作關係聽了很多場課程講座,深知資訊領域在傳授的過程中容易產生所謂的「知識詛咒」專業人士間的術語交談,會造成教育的阻礙。

這也是我致力在嘗試的事情,補足轉換職業與實作技能間的空隙,並提供跨領域通識Know how,可以獲得更多那些Google不到的情報。

工作坊送主機一年份

價值$4,800元,同時也是網站架設必備的虛擬主機,讓大家可以在現場直接將設計好的網頁做出來。

這不是線上課程

仿間已經有太多線上課程,標榜 OO小時可以學會網站架設,很多人購買「囤積」了不少庫存以為自己會看完,呵呵 🙂

我們相信,只要你願意挪出一點時間來參與現實世界的工作坊,可以獲得更多收穫:

讓自己每個月至少擁有一段沈浸在學習成長的時間
認識更多新朋友、找到夥伴,一起邁向偉大的航道
與時俱進持續更新的學習內容、讓你跟上時代腳步

極速建站工作坊流程

鐵了心外包給廠商做卻總不如人意?要不要試著自己做一個,看心情想改哪邊就改哪邊!

屢次嘗試建立網站卻又半途而廢?透過系統歸納出來的建站步驟,加上現場懶人包介紹,一次將網站推上線!
蒐集資料
預先搜集包含公司介紹、產品簡介、關於團隊等基本資訊。
網站規劃
網頁要像說故事那樣傳達給瀏覽者,讓使用者一步一步被你說服。
極速建站
透過「所見即所得」的介面操作,及優化過後的架站流程,任何人都可以快速建立網頁。
網站上線
不用任何一行程式碼,就能夠讓你自己動手做的網頁上線,觸及更多客戶。

可以解決什麼需求

傳產轉型

SEO優化

內容經營

蒐集流量

新手友善,零基礎更好!

甭擔心沒架設過網站的經驗,這次工作坊會從零開始介紹網站的用途、組成,如何找到網域及主機架設,以及如何規劃、設計,然後現場架設上線!

講師介紹

Riven

Riven

Web UX/UI Designer

大學時成立設計工作室,從此過著遊牧型設計師的生活。在首爾、釜山及上海等城市獲競賽首獎,並幾次旅行於越南、日本等地協助品牌規劃、負責上海兩岸創客大賽的台灣區運作。近來專注於台灣新創產品的UX規劃與UI設計。

在iOSDC 2018、行動科技應用開發者年會(Uncof.)擔任講者,並受邀在逢甲大學資電所擔任Web UX/UI講師、iOS Club 工作坊講師及中區政府機關培訓計畫講師⋯等,最近是T客邦與台中電腦公會合作課程講師。

合作聯繫:riven@monospace.tw

眺望中台灣景觀空間

在具備設計感的教室當中,舒適靜謐的氛圍可有效提升學習效率,並有蕨類及多肉等植栽搭配窗景,實屬上等的學習享受。

不輸咖啡廳的義式沖煮咖啡、沖泡式飲品自由取用。

極速1000M WiFi網路與滿滿的插座,學習工作不間斷。

工作坊排程

共三次Workshop進行,持續三週每次都會有作業哦!

政府企劃/學校單位/企業組織,需規劃客製內容? 聯繫講者

極速擁有自己的網站

學會了還可以自己SOHO接案,成為網頁設計達人。

用Wordpress從0到1!

WordPress是一套簡單容易上手且也是目前最大的CMS(Content Management System,內容管理系統)開源程式,主要提供簡易型官網、形象與內容網站等需求,因此無論是經營品牌、寫部落格、自媒體、甚至是公司行號與企業,都可以透過WordPress架設自己的官方網站。

%

你知道嗎?地球上超過1/4的網站都是Wordpress做的

全世界共同經營的生態圈

因為有廣大的社群提供Plugins(外掛)的關係,支援範圍廣,可以在程式相關知識最少的情況下實現大部分網站所該有的功能。

相當適合初學網站架設,或是立即有網站架設需求的企業人士者。

同時由於WordPress是由PHP所撰寫的,以及完整可擴充的後台資料上架與系統設定,
所以是目前最適合小型網站接案工作室的解決方案之一,學會了你也可以SOHO接Case。

提升工作坊體驗,實施小班制。

每個人對於網頁技術的理解程度不盡相同,因此,我們在工作坊會採一步一步階段性的進度,若有任何問題,都可以在現場直接被解決!



適合對象

創業家

喜歡凡事靠自己,外包心驚驚的你。趁這次學會設計並真切地擁有自己的網站吧!

公益社企組織

協助組織單位製作網頁,在對外宣傳及說明理念、尋找人力時相當重要呢。

設計人

平面設計師或UI Designer,畫出美美的視覺設計稿難不了你,但還不太知道該怎麼把他實際做出來。

大學生

我不知道該走設計還是開發,別急!先來試試WordPress架設一個網站看看再決定。

部落客

想開始撰寫文章記錄生活?或是想貢獻專業,WordPress絕對是第一首選。

傳產轉型

不甘於被品牌行銷做得好的隔壁老王佔風頭!讓我們一起將家族幾十年的經驗及精華轉換成網頁吧!

可以解決什麼樣的需求

重新思考網站的本質,以及它可以為你帶來什麼。

開發環境

我們已經幫你準備好了,真的不用寫到程式碼,也可以架設網站。

搜集流量

不論是發到 Facebook 還是 Instagram,雖然有曝光但流量卻無法累積,不然讓流量回歸到自有網站。

內容經營

行銷工具日新月異,但不變的是優質的內容會永續留下,不論是搜尋引擎還是口碑相傳,質永遠是第一重要的。

視覺設計

我們懂你對細節的苛求,就算還沒有美美的圖,也可以透過設計去編排出很OK好看的網站!

SEO優化

做好網頁的下一步?讓更多人看見!這才有意思嘛,關鍵字搜尋其實沒那麼難哦!

傳產轉型

家裡是傳產想數位轉型?又不想花大筆外包費用找人做,何不試試自己來呢,順便學習怎麼經營網站!

嶄新的網頁型態 Landing Page

一頁式網站是近年常見的網站類型,將所有必要資訊集中在同一個網頁,省去點擊連結時跑網速的時間,同時長長的介面讓行動裝置瀏覽體驗提升不少,只需要用到大拇指一直往下滑就可以看完網頁。

因此,這次工作坊會以製作此類網頁為主軸,帶領大家從規劃、新法到實際製作跑一遍,更真切地理解網頁設計。

Daily UI 100天進駐計劃

大學生專屬初心者企劃

UI Design Meetup台中

只要來到這裡,您就會學會架網站!

不用再花大錢找別人做~

好評推薦

謝謝每位來過的你們! 🙂

原來做網站可以這麼簡單!

除了親手架設好之外,你還學會自己經營網站。

常見問答

沒寫過程式也不懂設計,可以來學嗎?
當然囉!這是最基礎的入門Level,歡迎跨領域以及零基礎的同學。
是否需要自備筆電、有限制什麼系統嗎?
需自備筆電進行,空間裡有充足的插座、以及相當快速的WiFI可以使用;Wordpress課程大多為瀏覽器操作,無論你是Mac或是PC電腦都相容。
為什麼要用Wordpress?
WordPress 專注於於美感、網路標準與可用性,這個開放原始碼平台可以讓您管理一切項目,包括小型的個人部落格與具有數百頁面的大型商業網站。數十萬個網站選擇在 WordPress 建立網路空間,深受大眾信賴。

注意事項

  1. 需自備筆電( PC,Mac不限 )。
  2. 課堂於上課時間前30分鐘開放入場。
  3. 場地備有咖啡茶水及沖泡式飲品。
  4. 歡迎拍照打卡,恕不接受錄影。
  5. 超過5人有團報優惠及自選時段,可聯繫主辦單位
  6. 課程諮詢請洽Line@ 將盡快為您答覆。
  7. 合作方案請洽 riven@monospace.tw

【Monospace 之所有形式資料 皆屬於 創客空間股份有限公司 所有 ,非經本公司之同意,不得以任何方式使用、複製本公司之所有內容,如需轉載分享,請註明網址及來源處,如有侵害,將保留法律追訴權】
【主辦單位保有修改、暫停或終止本活動之權利。本活動變更以Monospace粉專公告為主,重要異動主辦單位將於活動前以簡訊/ Email方式通知報名者,請各位報名者隨時注意FB粉專公告之事項與簡訊。】

學員作品

經過工作坊的實戰後,在現場就可以做出來並且上線,回家後繼續優化你的網站。

歡迎外帶工作坊!

院校演講、企業內訓等多人課堂,依照貴單位培訓需求,量身打造。