[公告]草監網路更改網址至gratch.tw

前言

嗨,各位草監網路的朋友們,經過多年的思考,與一個不小心手賤改爛Blogger的版型後,我終於決定改用Wordpress系統,從Blogger中搬離出來,並將網址從https://nowills.blogspot.com改成http://gratch.tw

為什麼搬離Blogger

最近我在看Google地圖革命這本書,裡面有小篇幅地提到Blogger與Sketchup,這兩個當初都是被Google收購之後,因為搶不到核心資源,又因為是被收購的子團隊,所以非常的邊緣,Sketchup就目前的情況,Google已經轉手他人,雖然Blogger最近積極改版,但很多地方還是很難用,我想Google需要Blogger的部分只因為他是部落格系統,而搜尋引擎需要內容,至於Blogger發展好壞,其實多年來使用Blogger的朋友應該都可以感覺的到,Google根本不在乎Blogger發展如何,相較於收購Youtube後的大動作,Blogger就顯得黯淡無光,有鑒於搬離Blogger是遲早的問題。

那為什麼是現在?

這個問題很單純,我在一開始也有提到,我一個不小心手賤的把我原本的Blogger版型改爛了,又修復不了,再加上內建版型十分難用,導致兩個月後我的流量只剩原本的十分之一不到。趁著現在流量很低,我覺得是一個從新出發的好時機,所以就變成現在了,剛好趁了這幾天工作空檔,花了兩個小時先建置出大概的Wordpress版型,花了五天在轉移文章、處理文章連結,到現在都還在陸續處理中,希望這個禮拜我可以處理完畢,正式將草監網路從Blogger轉移到現在的Wordpress架構下。

為什麼採用Wordpress?

我大概從Wordpress 2開始就有率續在使用,但一開始的Wordpress在對新手入門的門檻來說有點太高,你需要花時間研究程式才可以自己設計部落格頁面,再加上內建的所見即所得編輯器其實跟Blogger相比並沒有落差太多,所以跟Blogger想比就顯得沒有什麼優勢。但現在的Wordpress 5將所見即所得編輯器優化成Block編輯器,再加上現在tempalte builder plugin非常的多,我試用了幾款之後,目前主要採用的有Elementor Oxygen Builder,這兩個編輯器相似度雖然很高,但他們的使用者族群是不同的,Elementor比較傾向給對Html、CSS等coding比較無法的使用者,直接拖拉設定就可以了,但對於可以自行coding的人來說Oxygen Builder 反而比較好一點,當然Oxygen Builder也有拖拉、設定就可以好的套件,但很多時候在display的部分都需要自行設定,這部分對於不會coding的人來說就顯得比較難懂一點。如果你問我這兩套一定要挑一套,哪一套比較好?我會毫不猶豫地跟你說Oxygen Builder,因為我自己在前端coding有一定的能力,後端也稍微懂一些,所以對我來說Oxygen Builder的靈活度比較適合我,可以有效降低學習Wordpress的template如何建置的門檻,後續我如果想要部分客製化,只要使用Wordpress現在得外掛,再搭配Oxygen Builder去做一些客製化,就可以達到我想要的效果。另外我覺得Oxygen Builder更優於Elementor的一點,是用Oxygen Builder開發的前端頁面程式碼較為乾淨,在瀏覽器讀取上速度更佳,但Oxygen Builder的缺點就是你無法使用其他現成佈景,如果你比較喜歡用現成佈景再去做一點修改,那建議你還是用Elementor會比較適合。

gratch.tw是怎麼來的?

因為這幾年不管是工程師還是設計師,在Line上都有許多群組,我自己也有開了幾個,一開始我以為沒有人認識我,結果開始慢慢的有人突然稱呼我「草大」,因為部落格名稱為「草監網路」,所以大家就乾脆簡稱我為草大,但其實草監兩個字合起來就是藍色的藍,草監這兩個字是為了紀念我之前的舊名字,而網路是因為我的工作一直都跟網站有關,而網站又擁有許多不同媒材,將網站把各種媒材做結合就會形成網絡,跟網路是一樣的,所以我愛網路,我的專長是做網站、興趣也是做網站,所以才會叫草監網路,如果直翻應該要叫 blue network 或 blue web 之類的,但我覺得這跟大家記得的「草大」落差有點太遠了,所以乾脆就採用草的 grass 與監的 watch 去做一個結合與簡寫,於是gratch這個字就出現了!

後續的規劃

草監網路依然會繼續撰寫一些與網路、網站有關事,不管是經驗分享或是學習筆記,只要跟網站有關事,都會繼續在這個部落格裡分享給各位,而其他與網路、網站沒關係的部分,日後如果有新文章都會在另外的部落格做分享,也就是說草監網路會著著專業領域的道路繼續前進,也希望未來的每一篇文章都還是可以看到你 : )

[創業] 關於職業道德這件事

一直以來我覺得要做好一個網站,絕對不是個人戰,而是團體戰,畢竟一個人能涉略的內容始終有限,學得廣的人不見得可以學得深,學得深的也容易因為廣度不夠而忽略了某些事,所以一直以來我都把自己放在學的廣的範疇裡,而其他夥伴放在學的深的範疇裡,以避免任何一個視角有任何遺漏的地方,這是目前我想得到最萬全的配置方式。

因為肺炎影響,普遍實體店面的生意都不少影響,小至餐飲店,大至婚宴會館、飯店、酒店,今年關門、倒閉的真的很多,就連我們做數位的也都有影響,隨著客戶生意不好,預算大幅刪減、結束營業直接關閉網站等等,為了提供好的服務品質,我們一直以來服務的客戶真的不多,所以每個結束營業或刪減預算的客戶對我們來說,都影響很大,但我們明白客戶這樣做的原因與理由,所以我們也只能繼續努力,不管是開拓客戶或是合作夥伴等等,我們都想盡辦法努力著。

最近我們手上有客戶要做SEO,雖然個人我也有涉略不少,過往也有將不少關鍵字操作到第一頁甚至第一名過,但一直都很想知道其他專業的SEO人士會做什麼事,心裡想著他們應該會比我專業吧,至少深度會比我深才對,於是就跟朋友合作這個SEO的項目,盤算著如果兩方一起做應該可以互相補強不足或遺漏的部分,雖然不覺得會有一加一大於二的效果,但至少也會超過一吧?沒想到卻發生了一件我覺得十分扯的事情,我甚至覺得對方一點職業道德都沒有。

因為朋友A也開公司了,營業項目裡有SEO,因為跟朋友A認識許久,也一直說要合作卻一直沒有適合的專案,所以這次就直接問了朋友A要不要一起合作,朋友A也爽快的答應了,然後朋友A把這件事委託給他的朋友B,而我完全不認識這個B,B先生自己也開了一家設計公司,服務內容除了一般關鍵字廣告、視覺設計、網站建置以外,B先生自己的專業技能是SEO,也有相關操作經驗,了解到這裡我當然覺得應該沒什麼問題,於是就將客戶的重要資料交付給B先生,並希望朋友A可以轉達拜託B多用點心在這件事上面,朋友A也答應了,到這裡我就開始等著B先生的作業時間,想不到B先生在確認專案並且拿到客戶資料後,B先生直接截圖客戶的網站數據貼在自己公司的粉絲團,開始數落客戶SEO做很差,隨便一間小公司都可以打趴等等的文案,而這件事是我在幾天後收到B先生那個錯誤百出的分析報告後才發現的,客戶的資料已經被B先生公開了至少五天,這五天不知道有多少人已經看過這些資料,而我在發現的當下第一時間也立馬通知朋友A,請B先生立即撤下,因為他已經洩漏的客戶的重要資料,朋友A當下嚇的都呆了,因為他沒想到B先生居然會洩漏客戶資料,而且還正大光明拿去打廣告,在我極度憤怒之下,朋友A通知了B先生,請他立刻撤下貼文,我也立即在那篇貼文下面留言請B先生撤下,於是15分鐘後貼文消失了,我原以為發生這樣的事B先生應該知道不可以這樣公開客戶資訊了,應該也將相關資訊撤下了,結果沒想到我隔天在Facebook某個Wordpress的社團發現了一模一樣的貼文!所以B先生根本只有撤下我當下發現那篇貼文,其他貼文根本沒有撤掉,這真的是刷新我的三觀,如果你幫客戶操作SEO後有成效,那當然你要當案例也沒有不行,問題是你根本什麼都還沒做就拿客戶的品牌去打廣告,還洩漏客戶的資料,你到底在想什麼?在我的警告下朋友A又立馬通知B先生立馬撤下,並且告知我已經沒有其他貼文了,怎麼可以這麼扯?

每當我問到重要的問題時,B先生就會開始拿業務話術來搪塞我,如果我今天是完全不懂的客戶,我也許可以被你唬過去,但很不幸的你的客戶這次是專業人士,那些話術看在我眼裡就是你在掩飾你不懂、你不會、你不知道怎麼辦的說法而已。朋友A真的人很好,很努力的在幫你處理我,我也明確的感受到朋友A他到底有多抱歉,我想跟B先生說,你事情惹得這麼大條,你的朋友還這麼努力幫你,我一次又一次給你機會,麻煩你好好、認真、專業的做好這個案子,讓我真的覺得你不是個騙子,那我真的十分樂意繼續跟你合作,還免費幫你打廣告,但麻煩你,這種天兵又刷三觀的不專業行為,甚至沒有職業道德的事情,不要再出現了!這個年已經夠難過了,你就別添亂了好嗎?

[跳坑] 超易懂RWD網頁前端攻略,最後1天,53折募資中

超易懂 RWD 網頁前端攻略
超易懂RWD網頁前端攻略

每年都我會花一點時間做一些瘋狂的事情,或者平常我不太可能會去做的事,而“募資課程”肯定會是今年的其中一項。

本次我與Yotta合作,開設了「超易懂RWD網頁前端攻略」,是我第一次在網路上開立網頁相關課程。在這之前我有在學學文創教過HTML相關課程,也有當過網頁技術家教的經驗,所以在教學這部分還算是有些經驗。除了在國發會當任過全國巡迴講師以外,也在良興電子、日盛銀行等企業當任RWD技術導入顧問,並開立RWD相關企業內部課程,當然我也在2014年出版了「好感度No.1的網頁設計:RWD不出槌法則,網站在任何裝置都完美呈現」一書。

由於第一次錄製課程,所以在Yotta的協助之下,我很快就進入軌道,了解線上課程募資的環節與步驟,當然對於課程的影片錄製上,Yotta也提供了協助,確保課程影片都在一定的水平上,讓各位上課時有一個妥善的線上學習環境,而我在短時間內也學會了錄音、影片剪輯等技巧,雖然還沒到非常爐火純青的地步,但是肯定可以讓各位感覺不出我是第一次錄製線上影音教學。尤其是錄音的部分,這幾天有請教了Amos老師,目前算是解決了錄音噪音過大的問題,當然有鑒於本人其實沒有薪水這種東西,所以如果要採購好一點的錄音錄影設備.......那就真的要拜託各位多多參與募資了,這樣我才會有經費錄製其他的線上課程啊XD 拜託各位了,剩下最後3天,保證物超所值啊!

本次課程的內容是完全適合新手,也就是完全沒有概念的朋友們,你不需要準備任何工具、器材,只要準備一顆想學習新知的心,以及你的電腦、雙手與網路,你就可以透過課程的安排從新手到老手,從菜鳥到資深,課程上會詳細講解常用的HTML與CSS,至於javascript部分會提到一些程式邏輯概念,但coding會用jQuery代替,以降低新手對javascript的稍高門檻的恐懼感,所以你不用擔心你的javascript會學不好,保證像雲在飄、頁面滑動等動畫對你來說不是什麼難事!

感謝在Line的網頁聊天群組中努力幫我推課程的朋友們,如果你想加入,我們有一個網頁設計師的日常聊天群組,請聯絡我 : ) 我會幫你加入這個Line群組,當然如果你有網頁相關問題我也歡迎你在「草監網路」粉絲團或「好感度No.1的網頁設計」社團詢問,我會盡全力努力回答你們的問題的 : )

超易懂RWD網頁前端攻略,最後1天,53折募資中,僅此一次機會,錯過可惜喔 : )  想獲得更多課程資訊請洽:http://bit.ly/2qWxp28

[心得] 原來有一種東西叫做大環境不好?

我很恐懼,越到年底越恐懼,想找朋友聊聊卻又不太敢,彷彿我好像出事才會上門一樣,但是我真的感受到我快沒柴燒了。

我:今年怎樣?
朋友A:爛透了......我一堆獎金都拿不到,因為沒有達到業績門檻......

換個場景、換個對象:

我:你今年應該過得還不錯吧!
朋友B:你在開玩笑吧!大家都過得很慘你不知道嗎?我們公司連員工旅遊都取消了!

沒想過幾天一堆朋友開始找我:
朋友C:分點案子來做做好不好!我快餓死了.......
朋友D:你那裡有案子嗎?我已經三個月沒開張了.......

今年第三季只能用一盤死水來形容工作室的業績,在前兩季我都還沒這麼有感,到了第四季我彷彿又遇到了一次金融海嘯襲來襲,一直持續往上成長的曲線就這麼活活的變成了懸涯,以至於我們一行人在懸崖邊逗留了片刻的光陰,一直望著對面看看會不會突然出現一道彩虹可以讓我們當作空橋一般的越過這片懸崖。當然我知道經營公司其實是很現實的一件事,所以就算要死,我也會拼命地、不斷地垂死掙扎著,努力做到不讓夥伴們受到任何波擊,因為我始終相信『危機就是轉機』、『到了谷底你只剩下反彈這一條路』。

好在我在第三季初期煞了個車,但是煞車有點太晚,所以整間公司還沒有徹底轉型完畢,但是我始終相信依照我們速度、品質,就算是髮夾彎我們也可以平穩的、帥氣的完美過彎,畢竟我擁有著一流的團隊,每一個都是一路我看著走過來的弟弟妹妹,教學相長,這一家人就這樣一路跟我展開奇幻的公路冒險,最老的算一算也十二個年頭超過了,我們只是工作室登記的晚,所以在年輕的活力下,我們有著老成的心智,這也是為什麼這一路下來我們總是能交出漂亮的成績單的主因。

產品研發是沒有這麼快的,我也非常明確知道這點,也非常清楚產品要小型化到可測試的程度,這就是一種火花般的刺激,我很訝異我們居然沒有任何爭吵,但一起思考、煩惱這件事肯定少不了,但我有點不能接受內部產品開發速度過慢這件事,尤其是現在生意已經不太好的情況下,對大家來說請假休息還比產品研發重要,作為一個領導人我看在眼裡,心裡卻很想哭,因為我不知道該怎麼做才能讓速度變的跟客戶的專案一樣快,如果客戶的專案製作速度是高鐵,那我現在內部研發的速度就好比普通車,每站都停以外還嚴重誤點,深怕大家不知道這些產品是我們機會,髮夾彎沒彎過,那真的就是大家一起到海裡游泳了,房車就會變成一艄扁舟,萬一載不了這麼多人,那就真的只能跳船了......,而這是我最不想做的一件事,有鑑於此,這個過彎只能成功不能失敗。

還算好的消息是,會計概略的計算下來今年並沒有虧本,只有小賺,拿來支付一些年底的福利才剛剛好而已,所以第一步我就先砍了自己的福利,希望還能留下一丁點做明年開始的基金。公司營運這麼久,我真的第一次發現什麼才叫做大環境不好,每年都聽大家講,但是到了今年我才真的有這種體會,來得真的是又快又急,真的會殺的人措手不及。本來有要錄影開課的打算,但是目前也只好走一步算一步。好在我們一直都很贊同大家多元學習多元發展,當一個多元的人才,所以也許哪天我們還真的會一起轉職也說不定,當然我畢生扣除念一堆沒意義的校園課本與考試外,剩餘的99%都投入在網站上,我是徹底鐵了心這輩子都在做這件事,如果我是煙花,那就讓我順利綻放到最後吧!如果我是壽命將近的星星,那就讓我繼續在夜空中閃耀到最後一秒吧!

現實了這麼久,這次就讓我夢幻一點吧!加油Nowill Design ,加油品禾全端,讓我們期待明年滿滿的莊稼吧!

第一次當木工就上手

我是一個還蠻有DIY魂的人,所以有任何DIY機會時我都會想要自己試試看,因為沒試過就不知道自己適不適合,更何況螺絲起子可是我成長的好夥伴,我也莫名的很喜歡看到螺絲起子(還有瑞士刀!)。前陣子裝冷氣時,裝機的師傅為了整體換新,包含旁邊的管線,所以就將牆上的木作切了好大一個洞,大概35cm乘以45cm這麼大。一開始看到這麼大的洞,當然第一時間就是打電話找木工師傅,沒想到問了三~四位木工,他們都說這工太少了沒有時間處理,就連做四五十年水電的老爸的木工朋友們也都不願意來幫忙,沒想到換完冷氣後,在木作牆壁上的大洞就變成我的夢魘,我遮風避雨的屋子,現在牆上有一個大洞,而且可以直接看到外面的風景。

一個35乘45公分的大洞,對業務來說是很要命的風水忌諱,牆壁破掉會破財,抱著寧可信其有不可信其無的心態,而且也避免外面的蜜蜂、蚊子、恐龍(我對認不出來的昆蟲都統稱為恐龍)入侵我渺小溫馨的家,我只好先拿A4紙把洞黏起來,不過當時手邊只有B4紙,我活生生用了三張B4才蓋起那個洞,可見這個洞真的不小,我也一個頭好幾個大,當然也有可能我不會用紙糊牆壁,所以才需要用到三張B4紙。

在上網Google如何補木作牆壁,還有詢問一些cosplay道具製作專家還有裝潢監工朋友之後,我大概知道怎麼自己去補這個大洞,第一種作法就是用石膏或批土填起來,但是這個洞有點大,所以光用石膏或批土我可能不如用水泥來得快,所以第二種作法就是先用木材把洞填起來或塞滿,之後再上石膏與批土打平,最後再上油漆就可以結束這個夢魘了。
因為要用到木材,所以就開始上網找哪種木材比較適合我,找了一下是乎飛機木還蠻適合我,也問了朋友飛機木是不是比較好裁切,朋友說用美工刀就可以削飛機木了,對於沒有任何裁切工具的我,當下聽到用美工刀也行就有一種“就是這個木!這是這個木!”的感受!於是列了一下清單,找個週末去B&Q特力屋採購:

先說油漆吧!我本來很煩惱油漆不知道要買什麼顏色,所幸破洞的木作還有幾片比較大的木片,我就帶木片去特力屋油漆區,然後就這樣比對出油漆顏色是玫瑰白(或百合白?這兩種顏色差一點點而已,還蠻難分的!),所以我選油漆的方式可能幫不上大家,因為我要補的洞在我現在住的房子裡,所以我直接買比較貴的立邦漆,比較沒有油漆味,通常油漆味散去大概需要兩週,建議不要住在有油漆味的屋子裡,會頭暈的以為自己中毒了,而且你真的可能會中毒啊!再來鋸子就直接買一把最便宜的,因為家裡不可能一天到晚都有破洞吧?油漆刷本來想買油漆三件組,但是特力屋的員工經過就跟我說油漆三件組的油漆刷很爛,建議我換支便宜的羊毛刷比較好刷,而且刷起來也比較漂亮,我看了一下單買油漆刷還比較便宜,至於裝油漆的盤子我可以用外面攤販給的紙碗代替。千望不要忘記還有砂紙,在上油漆前牆壁最少用砂紙磨平, 這樣近看比較不會坑坑疤疤,油漆三件組裡面有附一張,但是其實我要補的洞還蠻大的,附的沙紙其實還蠻小張的,所以最後乾脆也單買砂紙,一次四五張的樣子,也才幾十塊,全部合起來還比油漆三件組便宜多了!

在特力屋來來回回我一直找不到批土跟石膏粉,剛好遇上建議我買羊毛油漆刷的店員,就順道問他了,沒想到他問我:“你要好一點的批土還是普通的?”,因為我不知道該如何回答,就告訴他我要補家裡的牆壁,他就說那普通的批土就好了,於是他就拿了一罐批土給我跟我說這牌還不錯,然後又拿了一包石膏粉給我,跟我說其實批土就是石膏粉加水,成分差不多。如果你有看過批土的成分,的確大概就是石膏加水,當然還有其他的東西,最後就是最麻煩的木材了,因為我真的什麼都不懂,所以在那邊看了很多木材,最後還是問了店員,也把我帶去的木片拿給店員看,店員看了看說我這是三層板,但是最近高中園遊會都被買光了,只剩四層板,叫我買四層板一大張,他在幫我切一塊小的給我......我傻了!我買一大塊板幹麻?而且板子還比我家的牆壁還厚,我買這麼一大張是要幹麻?於是我很失望地四處看其他木材,一起去採購的室友說我們要不要乾脆買塑膠瓦愣板貼一貼算了,也比較好裁切,當下我真的覺得買不到木材也只好這樣了,拿了一塊塑膠瓦愣板之後,剛剛要我買四層板的店員過來說:“你們不能買這個啦!這個一下子就爛了,還會熱脹冷縮,不適合你們啦!” 於是我跟室友又默默地放回去了,但是我們也不能買四層板啊?該怎麼辦呢?這時在旁邊看到松木抽強板與桐木抽牆板,兩種材質老實說我也不知道,因為我其實是想找飛機木,於是我拿了一條松木跟一條桐木的抽牆板,發現桐木抽牆板輕好多,而且摸起來的質感、重量,都跟我在書局看到的飛機木很像,拿起手機google了一下,發現飛機木就是桐木.....於是我就買了兩條最長的桐木抽牆板回家了,就這樣結束了我在特力屋的補牆採購。

既然買了抽牆板,我就不用考慮太多鉅木頭的事情了,我只要量好每段木頭需要的長度即可,於是我拿出卷尺開始測量,因為牆上的大洞其實邊緣並不是直線,是有點弧度的,所以每一塊木頭的長度也有一點不太一樣,至於斜口處我只能用石膏或批土硬補了!於是就這樣拿鋸子努力鋸抽牆板,然後一塊一塊用強力膠黏上去,一般師傅都會用釘槍,“蹦蹦蹦”按幾下就釘好木頭了,但是我只是要補這個洞......雖然我真的還蠻想買釘槍的。我對補這個洞的策略其實還蠻簡單的,就是先用直的抽牆板把洞先補起來,然後為了跟三層板差不多厚度,可以少上一些批土或石膏,所以還要上第二層橫的抽牆板,這樣兩層中間還用強力膠黏牢,應該就還蠻扎實的了。

直的抽牆板黏上去,因為不知道強力膠什麼時候會乾,強力膠瓶身上是寫半小時,可是半時候我一摸,黏上去的抽牆板就凹下去了,所以我只好拿透明膠帶黏在凹下去的抽牆板上,然後在快速拉起,透過膠帶的黏力把凹下去的抽牆板再拉回來,然後這次我就乖乖的等了一天之後才再黏第二層橫的抽牆板。

第二層橫的抽牆板,為了消耗強力膠,所以擠的非常多,但是意外的卻變得非常扎實,扎實到我已經可以一拳打在上面,不會有任何板子凹陷的狀況,當然這是黏好第二層橫的抽牆板後,再過一天的情況了。

在上了兩層木頭後,其實離要與三層板的表面齊平,還有一小段距離,我原以為用批土上一土就可以了,可是我後來上了三層批土,又因為批土原本的水份過多,每次上完後,批土一乾就出現裂痕,最後我只好改上石膏,在攪拌石膏時我故意加少量的水,然後用最快的速度磨平,這裡真的要磨平,不然後面用砂紙磨平時會想哭,因為我攪拌的石膏太硬了,我後來用砂紙磨根本一動也不動,當然石膏上完後我還是有再上一層批土讓表面更平,甚至稍微凸一點,最後再用砂紙磨平。

砂紙磨平後其實就是倒點油漆再加水調色,調色完之後就可以開始油漆了,水加多點在油漆裡其實不會怎樣,因為油漆不能只上一層,要多上幾層才可以把顏色真的上上去,不然油漆下面可能會有一些奇怪的痕跡。前前後後我大概上了四層油漆,剩下的油漆我就拿來補其他牆面上骯髒處,因為後期水加得有點多,所以塗在其他牆面上時也不太容易出現色差,我想是因為油漆成分比較薄的緣故吧!就這樣我完成了我這次的木工之旅!還挺好玩的,我爸媽也覺得我補的還不錯(我爸是做水電工程的,而且他只做新蓋的大樓),也許我以後可以考慮偶而兼差一下,這樣我就真的可以買釘槍了!

我們的辦公室,在雲端!

我們的辦公室,在雲端!
每次拜訪客戶,聊完客戶都會問“你們公司在哪裡?”,我通常都會指在天上,回答“在雲端”!通常大家都是笑一笑,以為我在開玩笑,但事實上,我們還真的沒有辦公室,我們沒有工作據點,我們連一張一起做事的桌子都沒有。這就是2012年成立的Nowill Design,儘管我們在2014年6月做了商業登記,變成了統一編號41058743的品禾全端網路工作室,我們依然沒有沒有改變這項特色,我們真的沒有辦公室,你要稱呼我們為數位遊牧民族也行,我們只要有一台電腦、網路,隨時隨地,我們都可以工作,這就是我們工作的日常情況。
沒有據點意味著沒有每天早起、上下班通勤更沒有打卡搶全勤獎金這件事,是非常徹底的完全責任制,另外薪水部分我也覺得不應該一直領一樣的薪水,所以我們公司的薪資制度跟外包沒啥兩樣,這意味著你要賺多少錢,你自己決定!你要幾點上班,你自己決定!你要幾點下班,你自己決定!你今天上班的時間要多長,你自己決定!什麼時候要請假出國,你自己決定!不管你的決定是什麼,不會因為你請假就扣薪水,不會因為你出國就沒辦法賺錢,不會因為你今天沒情緒上班就被異樣眼光,不會因為你不擅長與人交往就被排擠,不會因為你只想專心工作卻被周圍人一直七嘴八舌,不會因為你過於有意見就被當作不合群。在Nowill Design,以往上班都被當怪事的事,在我們眼裡都是稀鬆平常、有趣、好玩的事情,雖然客戶總覺得我們不可思議,但是我覺得真正的責任制,不是公司制定的,是你自己制定的,這才是我心目中的完全責任制。
雖然提到薪資制度很像外包模式,但是不代表我們的夥伴都是外包的,我們都是inhouse、全職的夥伴,就如同你在辦公室前後左右的同事一樣,只是我們公司沒有據點,同事不是真的在你的前後左右,到這裡許多人都無法想像,既然是全職、又不用進公司,那到底怎麼上班?我們在2011年開始籌劃,2012年開始實施,這也是我買第一台Mac的時機,那在之後,上班公司不用配電腦,因為我總是背著我的Mac亂跑,久了之後我連自己的座位都待不住了,因為三不五時電話響個不停,但是都不是重要的事情,彷彿身體裡每個細胞都在吶喊著“麥岔”(別吵的台語),於是我開始在家裡工作,自己接案,自己接洽客戶,自己把自己想要的東西做出來,跟其他公司不同,公司常常追求以合為貴,但是如果你做過設計師,你也真的想實現你設計的作品,討論(或爭吵)是難免的,我相信許多早期的客戶都曾經我“討論”多次,有趣的事回客率居然100%,而我想要的設計也如實完成了,雖然手段有點激烈,但是我是很直接的人,拐彎抹角這種事我不會做,修飾言語這種事只會讓我越扯越遠,然後忘記自己要表達什麼,與其這樣我還不如直來直往,跟我聊過你就發現,“Nowill 講話也太直了吧......”,但是直接就是我們這個團隊默契培養的來源。
直來直往的對談,加上我急性子與壞脾氣,我的語氣時常很激動,早期加入的夥伴幾乎都炒過N次,但是我們知道,我們是對事不對人,我們是為了專案、為了作品、為了客戶好,所以吵得越激烈,就代表我們越用心,激勵出的火花更美妙,感情會不會受傷?在那當下難免都會受傷,但是大家都會自己見解,比方說我就會覺得“我們只是在討論”,夥伴A會覺得“Nowill平常講話就這樣,沒別的意思”,夥伴H會覺得“只是溝通上有點不協調”,有發現我們其實重點都在“討論、溝通、講話”這些點上?這些點的核心就在專案,而不是個人,所以我們其實都不會針對夥伴們的個性、脾氣展開攻擊,我們反而是花最大的心力在用自己的方式關心著專案,很特別的相處方式吧!所以溫良恭儉讓的人,在這個團隊裡應該心臟要超大顆,不然隨著時間的增長,一旦到了某些時間就會自然離開,但是每次我都會說“以後有機會記得要回來喔,隨時歡迎!”我不知道離開的夥伴們怎麼想,不過我這句話是出自內心的期望著。
既然我們可以激烈的討論專案,那我們又在哪裡討論呢?說起來有點懸疑,因為我們一開始是在噗浪Plurk上進行的,噗浪Plurk並不像Line那樣的即時,所以都是等自己有時間時才會來看,所以每樣東西都要仔細地寫下來,並且我們使用Google行事曆寫上重要的deadline日期,如果有夥伴請假也會寫在上頭,免得其他夥伴在休假日急call回來上崗,一直到後來line開始流行,我們才開始轉移陣地到line,但是我們還是使用Google行事曆紀錄重要的日子與休假日,當然事情多了一直寫在line裡難免也不清不楚,所以我在去年架了redmine專案系統,好控管專案的進程,雖然不是十分好用,但是也可以滿足基本需求了,所以我們的工作室就是Line+redmine+Google行事曆,並不是什麼很fashion的asana或slack之類的東西。
最有趣的事來了!我原以為我這樣經營公司會導致客戶極度不適應,畢竟客戶開會還是需要有會議室,想要看到服務的廠商,但是我們大部分的客戶,現在不管是新專案或舊專案,基本上都是運用Line、Skype、Facebook來進行會議或快速討論,節省了彼此舟車勞頓或借會議室還要搶來搶去的時間,而了解我們的客戶也會調配自己的時間,或改用E-mail溝通,可以好好整理自己的上班時間,不至於一直被其他事情打岔,所以通常合作起來都還蠻快樂的。
當然,說沒有遇到洩氣的事也是騙人的⋯⋯,有些客戶一聽到沒據點,彷彿臉上就寫著“這間一定是詐騙集團”,或是覺得我們的人一定都不專業,沒有辦法可以作出拿得出檯面的東西,通常這時候如果搬出一些品牌知名的客戶,對方更是會嗤之以鼻的說“這些一定都不是直客!你們一定二包、三包了啦!”。直客,意味著直接客戶,我想我沒必要把這些客戶的名片或聯絡方式拿出來證明這些真的都直客,如果我真的做,那就真得鑽牛角尖了,通常我會失落一陣子之後,就開始把這些不好的情緒轉化成動力,樂天的個性讓我很容易振作起來,同伴們都說我心臟太大顆,但事實上我心臟還蠻小顆的,只是我恢復的能力比別人快上許多而已。
在2016年的開始,對我來說又是一個變化的開始,我們花了許多的時間在服務客戶,原本功夫底子就不淺的我們,更是把馬步紮穩了,我們將再好好檢視這些日子以來我們成果,並且將這些經驗轉化成更強大的力量,一方面傳承經驗,一方面繼續朝未知的領域前進,並且繼續找尋想跟我一起努力、挑戰的夥伴。
你好,我們是品禾全端網路工作室,英文叫做Nowill Design,聽起來八竿子打不著關係,如果你想知道更多,請到我們的辦公室——雲端,與我們聊聊!

[創業]一年了,我覺得最重要的十件事

草監網路差不多是2005年開始寫的,在2012年我組了一個叫Nowill Design的網頁設計組合,並且在2014年成立了品禾全端網路工作室也出了一本書,一直到現在品禾還在不斷的成長中。

這一年來,品禾全端網路工作室除了協助客戶建立更好、更棒的跨平台網站以外,也勇於嘗試新事物、新技術,替那些網站建立後無法自行維護的客戶提供維護服務,企圖不只在建立網站的領域幫大家更好,也企圖與網站建置後幫大家更上一層樓。

品禾全端網路工作室成立一年來,我把我的感想整理了一下,也許不值得參考,但是我自己卻覺得無比重要:
1. 夥伴超重要
好的夥伴帶你上天堂,不好的夥伴讓你胡亂忙。真正厲害的夥伴可以節省你非常多的時間,也不會隨便找理由或藉口搪塞不太懂得夥伴或客戶,減少從內部就開始不協調的情況,也會懂得適時提出協助,不會自己一個人胡搞瞎搞,更不會覺得提出協助是丟臉的行為,有效減少自己搞半天多花了許多冤枉時間,懂得團隊合作才能事半功倍。
2. 速度超重要
人的記憶是會退化的,你不能希望每個專案做完的時候大家都還記憶如新,所以唯一的辦法就是縮短時程,在大家都還記憶如新的時候就快速的把專案處理掉,除了可以降低日後無限擴張的機率,也可以讓客戶對你嘖嘖稱奇。
3. 品質超重要
速度快不代表品質就要打折,妥善的規劃每個功能,相似或常見的功能可以再次運用,有效降低開發時程,卻又可以保持品質,但是千萬要記住,這些相似或常見的功能不代表可以永遠不更新,必須與時共進。
4. 使用者超重要
網站企劃過程雖然要一直跟客戶過稿,對規格、架構等等的資料,但是當客戶提出需求時,第一個時間不是滿足客戶的需求,而是要思考這對客戶的客戶到底是好還是壞,如果不是加分的項目就必須跟客戶仔細討論,讓客戶明白自己的提議可能有待修正。有時候,客戶是真的需要教育的。
5. 快樂超重要
打從我一開始做設計我就發現到,我的情緒會影響到設計的品質好壞,也會影響到我的完成時間,這讓我體會到如果自己沒有辦法在專案上保持快樂的情緒,這也將代表這個專案最後可能會非常得不快樂,既然不快樂,怎麼會是好東西?
6. 閱讀超重要
網頁設計領域是一個非常有趣的行業,每個月都會推出新技術或新概念,如果沒有隨充實自己,很容易提供客戶過時的概念或資訊,這將會誤導客戶,導致客戶誤以為那些錯誤的資訊依然是好資訊,進而可能製作出錯誤的設計。
7. 守時超重要
因為本工作室的經營概念有別於一般公司,並沒有所謂的上班時間,也不侷限夥伴居住的地點,所以我們遍佈全台灣各地,最怕的就是自己沒有一定做的作息規律,導致常常找不到人,讓其他夥伴窮緊張,所以每一次約定好的討論時間都必須非常確實,否則很容易漏掉一個時程導致專案延後。附帶一提,本公司今年目前為止還沒有延期的專案出現,都是準時上限。
8. 領頭超重要
一個團隊最怕多頭馬車,一個專案的領頭羊不一定是與客戶接洽的專案或是負責架構的企劃,他也可以是後端程式或前端互動,但千萬要記住,不管誰是領頭羊,這個人都要瞭解使用者,需要從使用者的角度出發,才可以將整個專案帶往對的方向。
9. 客戶超重要
有些好客戶就真的會懂你,替你介紹其他的客戶,這些都是大恩人,必須由衷感謝。有些客戶就是不懂你的價值,價格連砍好幾刀,但千萬不要因此而錯愕,只是客戶預算不足,不代表你不值那個錢,不要掛在心上,要繼續努力向前。
10. 會計超重要
發票開立寄送、財務紀錄、款項核對等等,千萬不要覺得自己做就好,專業的事情還是得請專業人士來處理,否則隨便都可能要花你好幾天的時間,而這些時間花在其他專案上不是更好?

[經驗] Nowill Design的作品刊登於Cssawards

Nowill Design 在2013年末最重要的一個作品——Ju Percussion Music School,在昨天登上了Css Awards的網站中,雖然有人會說這沒有什麼了不起,但是對我們來說也是一種肯定,如果對這個專案的過程有興趣,去年有在HPX分享過,現在還留有當時的投影片,詳情請見[經驗]HP52:第一次執行外文網站專案就上手?

其他截圖

https://twitter.com/cssawards/status/518076938188242944

[雜記] 今年糟糕的6個月,其實也是一種學習

今年四月過後,其實部落格沒有什麼更新,不是因為我沒有寫文章,而是寫了我卻不敢按下發佈鈕,想把一些研究數據發表,卻又怕牽涉隱私或智慧財產權,百般思考下還是選擇不要發表,我不是不寫,是沒辦法發表,於是就這樣過了6個月,這真的是一段不短的時間啊,就連這一篇文章.......老實說我也不知道該不該發佈,肯定發佈了又會有人會誤會,覺得我是壞人。

這6個月,我回到了社會大學,學習社會上的大人們如何處理大案子。過程中學到很多事情,卻也看到很多我無法理解的事,每次詢問都獲得“沒有答案、沒有規定”的結果,在大組織內沒有看到一個規則是很容易讓新兵措手不及的,就像航行在大海中卻沒有燈塔可以指路,真的不是很迷惘三個字就可以解決的,而且既然大家都有跟我一樣的困惑,為什麼沒有人敢發聲?當我反應後卻又一副“沒有這回事”的態度,然後出問題全部推到我身上來,就算沒有推到我身上也用沈默帶過一切,這真的是對的做法嗎?我真的有看沒有懂。幾個離職的前同事在離開的最後一刻都過來跟我說“真的,辛苦你了”,一開始我無法理解為什麼他們會覺得我很辛苦,可能是因為我後知後覺,默默做事他們看見了,但是直到離開的那一刻,我終於懂了。

我是Nowill,只要在搜尋引擎搜尋Nowill,你就可以找到Nowill Design,我不認為我是個非常出名的人物,但是我相信要找到Nowill Design的存在一點都不難,雖然Nowill Design只是一個我創立沒幾年的小小專業團隊,但是我自認這群小小團隊都是我畢生最重要的家人,我愛團隊裡的每一個人,我尊重大家、大家也尊重我,有人問我為什麼要對團隊裡的人負責?他們干我屁事?聽到這種的當下,我真的有點憤怒,他們是我的家人,為什麼不干我的事?你會對你的家人棄之不顧嗎!?我是真的!真的!真的!打從心裡尊敬團隊裡的每一個人,他們專業、認真又負責,對於脾氣不好又愛亂搞的我是百般的包容,對於突然冒進來急到不可思議的專案也都使命必達,這麼棒的一個團隊,為什麼要一直以為Nowill Design裡面只有Nowill 一個人!我們是一個team!不是一個人!!只是因為我比較霸道,而且是把大家聚集起來的人,所以才叫做Nowill Design,我們是一群有組織、專業、認真又難得的團隊!

Nowill Design 的確沒有很賺錢,經營至今大部份都是打平而已,但是我們也是從去年才開始正式組成一個團隊,對於不到兩年的團隊來說,到現在都還沒有人覺得活不下去會餓死想離開之類的,我只能說這樣的成績我覺得已經很不可思議了,更何況我們並沒有業務這種人才,我們全部都是前端、後端的專才,就連我本身也不是業務,我們真的沒有任何叫做業務的人!在Nowill Design中更沒有業務這種職稱,不是我們不需要,是我們只想專心、專注在專案上,我們的認真,只想發揮在專案上,所以我誠心誠意的四處跟朋友說有案子歡迎來合作,這近兩年的時光裡也的確有很多朋友幫忙介紹案子,我們不富有,也不會亂浮誇報價,我們做多少事就拿多少費用,我們專案產出的品質也是合作夥伴們有目共睹的,但是請不要因為我們不富有就覺得要施捨我們,我們真的不需要,我想讓Nowill Design始終快樂、專注的在想認真的事情上,任何干預團隊夥伴們快樂、專注的事情,我全部一個人攬下來了,我最好的夥伴曾經問我“我們做的快樂,可是你呢?你有想過你自己嗎?”說真的,我完全沒有想過,當我看到夥伴們做專案很快樂,大家都想替客戶多做點什麼,這樣的氣氛、過程,絕對不是金錢可以衡量的,既然如此,我有什麼好不快樂的?出去被欺負當然是一定會的,但是只要回頭看看夥伴們,自然而然就會覺得沒關係,因為我的付出,就算我不說明白,他們都會懂得。

“你有沒有發現每次提到ND你就會一直笑”,是的!因為Nowill Design的團隊就是這麼棒的一個團隊,而這六個月的胡搞瞎搞我也覺得我看夠了,相較其他大公司客戶的專案,每次溝通、對話都是快樂的,言談中真的很像認識很久的朋友,但是很多都是第一次合作,根本從來沒有碰過面,是的!我們有許多的專案客戶根本沒有見過面,溝通都是以e-mail、skype、Line或Facebook等等的網路通訊方式在執行專案,但專案結束後這些未見過面的客戶卻會主動幫我們介紹新客戶,原因是他們覺得Nowill Design團隊真的很棒,合作起來非常快樂,有人說“合作是要看緣分的,有些客戶你聊起來就知道一定會成功,就算內容搞得不清楚你也會很快就知道客戶要什麼,但是有些客戶你一聊就會覺得討厭!這種客戶通常後面都會出一堆問題讓你覺得煩的要命!”之前的我總覺得這個世界有這麼兩極嗎?但現在的我,真的開始明白這個道理了。

蕭青陽說他希望大家想到好玩的事就來找他,所以他在名片上印著“Open to any new projects,challenges,or design concepts”。我說:“只要有好玩的事情,跟網路有關,歡迎大家來找我們合作”,Nowill 是若維之英文音譯,含義為順從自己的堅持,並且持續維持不懈。Nowill Design是一群專注在前端、後端的專業網站團隊,如果你真的不知道我們可不可以幫上你的忙,請不要客氣,先寄信來聊聊吧!我們的服務信箱是:service@nowilldesign.com

[徵人]前端、後端攻城師!一起改變生活吧!

Nowill Design 全面招募夥伴,你還在渡過一般上班族被壓榨的人生嗎?Nowill Design 顛覆你的生活方式,打破上班的定義,讓工作變得更自由,讓你的生活充滿冒險、打不完的腳本與持續提升經驗值的競爭力!

Nowill Design 每位夥伴都擁有多重技能,從設計到前端、後端我們都有夥伴可以互相支援,一同學習最新知識、技術,並將所學運用在專案上,你厭煩一層不變的工作方式嗎?歡迎與我們聯繫,我們目前希望可以新增的夥伴類型有:

視覺黑白魔法師

自備PS藍水可無限回復MP值,自備AI紅水可無限回復HP值,視覺風格主要走簡單或極簡主義,對於網站相關前端新技術稍有涉略,可搭配最新技術設計出新穎作品,將創意躍於圖稿上。

前端攻城師

佩戴HTML5與CSS3兩把別名干將、莫邪的神劍,並有javascript神功護體,擁有RWD相關知識或技能,可使用LESS或SASS CSS Framework,並可搭配jade或少量PHP製作樣板,並擁有MVC概念,可與後端攻城師一起攻下每個專案。

後端攻城師

佩戴PHP這把名為屠龍的寶刀,熟悉codeigniter,可運用Mysql或MS sql技能,並且含有少量主機配置安裝經驗(ex:FreeTDS、MQ)。

攻城師助手 / 設計師助手 / 萬花筒實習生

對於想加入網頁設計領域卻不得其門額入的同學們,我們是有在輔導菜菜鳥的,但是請注意,老闆很兇、機車又沒耐心,不怕的再來。另外想學完就馬上烙跑的,培養一位助手需樣大量的愛心、耐心和關心,如果不想一同打拼個幾年時光,也請不要來報名,把名額留給真正需要的人,謝謝。

想長期合作的客戶

我們客戶都充滿了愛心與無限的正面能量,享受我們對於網站或網路系統的一條龍高品質服務,如果剛好你很需要我們的服務,也請不要客氣,記得要聯絡我們。

Nowill Design你可能會遇到各式各樣千奇百萬的專案,但大致上可以分成以下幾種:

學歷要求不是重點,所以可以不用告訴我們你從哪裡畢業。薪資原則上我們是採專案比例分配制,如果你擁有無數的時間與超強的專案KO能力,那薪資肯定會馬上排到第一名,但如果你都沒有參與專案,很抱歉,你真的不會領到任何一毛錢,所以要報名之前請三思而後行。但是請注意,一旦你後續成為固定夥伴,大部份專案都會需要你時,將會有基本每月月薪可領,如果以傳統公司制度來看,簡單說就是試用期內專案比例分配制,試用期過後月薪制,試用期長短依個人能力高低不同,時間也會有所不同。

團隊態度

Nowill Design ,目前為獨立營運之網路工作室,因為成員四散,所以有定期團隊聚餐活動,每年會依工作室經營成果安排年度旅遊計劃,如果你對新創公司有興趣或對Nowill Design有興趣,歡迎與我們聯繫:service@nowilldesign.com