Shareuhack-品牌方針/設計概念/技術選用

Chi-Wei Huang
Jan 9, 2022
www.shareuhack.com

這篇來聊聊關於Shareuhack的品牌方針、設計概念與技術選用。

品牌方針

我花了好些時間,總算定了品牌的基調:

名稱

Shareuhack,字如其義:

Share you hack.

其中U為諧音雙關,分享給「你」「優質」的Hack。

希望任何來到Shareuhack的讀者,無論是要學習職場技能、培養興趣、或是優化生活,都可以透過我們,了解到達到目的所需要的最小努力,有效率的訂定方向,減少學習新事物、新方法所帶來的壓力和時間成本。

內容策略

Shareuhack是我腦袋的延伸,因此網站的內容選材,主要是從我的視角出發,分享我擅長的、研究過的、感興趣的類別,再輔以數據決策,調整內容類別的比重。

Me Mind Chart

我並非事事專精,因此擬定了一個Content pipeline的機制,讓團隊和我一起發想內容和創作,並透過與專家的訪談,確保內容的正確性和合理性,並延伸更多觀點,作為未來內容成長的參考方向。

國際化、在地化(International & Localization)

或許國際化和在地化,對於一個草創的內容網站,是一個非常難、非常自負的決定,畢竟題材選擇、撰文、翻譯、在地化,不管哪個環節,都是不容易的事,為什麼要執著於國際化和在地化呢?

聊聊我的side project: Shareuhack這篇文章有稍微提到,Shareuhack會是我的「知識放大器」,除了內容的增量、品質的增長,受眾的擴展也是非常重要的,因此國際化和在地話化是必要的。

這個project將會是一個長期的project,我不會預期他在短短的時間就可以拓展的多快速,我會依序以中、英、日文等較熟悉的語言開始陸續支援到國際,同時依據各地文化與狀況事實調整內容。

這些都不容易,但一開始必須要把這些雛形建立好。

設計概念

這個網站會是我個人形象的一個擴增,風格上,也會是以自己的偏好為出發點: 知識導向、效率、極簡。

Logo設計

logo的設計還在琢磨中,目前已有個雛形:

Shareuhack Logo Design

Logo要解決什麼問題就是: 我是誰? 我在做什麼?對於Shareuhack來說,品牌名就是最好的解釋,相較於圖像的Logo,選擇文字Logo是較佳選擇。

品牌名中代表優質的「U」,採用綠色來強調,其象徵「Success」,也更具焦在「生活」。

字體選用

為了國際化,我採用Google Noto font,Noto可以支援幾乎所有現在、未來會使用到的語言。

Noto, it’s a typeface for the world.

Noto: a typeface for the world

網站佈局

我崇尚極簡,網站排版也儘量簡潔,希望讀者可以更專注在閱讀上,例如:往下scroll時,減小header的高度,給內容更大的空間,這對於習慣使用手機的讀者是很重要的,事實上,現在Shareuhack的讀者有40%以上就是使用手機。

顏色採用方便閱讀的白底黑字,以綠色做主題色。呈現出網站的風格特色: 成功、生活、極簡。

技術選用

考量優先順序為:

  1. 彈性的、易於拓展的:我想做什麼,就要能做什麼。
  2. 適合內容型網站的架構:SEO很重要。
  3. 有興趣、符合潮流的工具:對於developer來說,爽度很重要
  4. 開發速度:快速開發才能做更多實驗。

老實說,目前只是一個內容網站,現在架站工具這麼多(例如:Wordpress、Wix),何必自己寫,自討苦吃呢?

一開始看起來使用架站工具比較方便快速,但必須說,若未來有比較特殊的功能要實作,使用架站工具有可能會開始綁手綁腳,自己寫網站,相對彈性、且易於拓展,而且,這未來絕對不會只是個內容網站。

針對這種SEO的遊戲,我選擇NextJS這個React框架,且可以輕鬆的實現Server Side Rendering,比起常見前後端分離的Client Side Rendering,將會有更好的SEO表現。

此外,搭配mui5(原本叫做material-ui)這個UI框架,讓我可以快速的開發任何界面,超好用,大推!

以上簡單的聊聊關於實作Shareuhack的思維和方法,未來會再針對個別的主題做更深入的分享。

--

--