網路時代之個人品牌工作坊 | 新思惟國際: 2022 / 3 / 27(日)最佳網站設計大獎:邱瑩明醫師、張引碩醫師 WFU

網站頁籤

2022年3月28日 星期一

2022 / 3 / 27(日)最佳網站設計大獎:邱瑩明醫師、張引碩醫師





個人品牌課程開設至今也已經七年,也已經有很多成功的校友故事,因為一個部落格,獲得理想的工作、更多的患者、更高的學術界知名度,然後過著自己喜歡的人生。

而課程也持續的調整更新中,網路在這七年更新非常迅速,我們的課程內容也隨著這樣的趨勢持續調整,互動實作部分,則持續的簡化學習流程,讓更多新手,更容易學得會。

以下是同學練習的內容,只是個草稿,我們全部看過並挑選幾個代表性的細節做回饋,協助各位在之後的練習能夠更上層樓。接著,我們也看看得獎同學的作品,一起學習!


那些還能建議的小細節







如果我們要做的是專一型的個人品牌,以不孕症作為主打,建議圖片可以選擇與專業直接相關的。旅遊照是常見的失誤,主要問題在於,可能會讓潛在客戶覺得,我們好像心不在醫學,而是在旅遊。畫面中的可愛兔子,也可能造成躺平放棄的錯誤印象。建議可以思考,怎樣的畫面會讓潛在客戶認同我們,並與不孕症主題相符。

放心,即使是後續發展有成的校友,他們在剛上完課的 banner 也只是個初稿,後續幾個月,甚至半年一年,才漸漸改成後來的最佳狀態。只要知道方向,慢慢走,都會走到的!

另外,頁籤處選擇的顏色,飽和度偏高,通常如果是專業職人,選擇飽和度低一點的顏色,更能帶來穩重感。



 
圖片是客戶的手寫謝卡,是不錯的想法,讓人好奇有興趣,並理解工作內容。照片部分,建議可以再打亮些,並把對比拉大。不只手寫卡片,本人照片部分也是一樣。目前看來自拍的環境光線不太夠,尤其右側手臂處有似乎是手機的影子,除了整體可調亮拉對比之外,下次拍照時,可多注意背景以及成果照片,是否有奇怪的影子覆蓋。

 


使用自己診所的裝潢作為背景是很棒的,中醫也是一個跟咖啡色很有關聯的領域。建議之後可以將頁籤與背景的紫色,換成深淺咖啡色,或者也可以考慮中性的灰色,使用深淺灰是不容易出錯的百搭設計。




背景的旅遊照,建議換成專業內容之外,目前的大頭照背景是凌亂的寢室。這牽涉到我們想要給讀者怎樣的印象,如果是輕鬆旅遊的,大頭照也可換成旅遊照。如果是專業形象,則照片可能要選擇專注以及與醫療相關的主題會更好。




醫院的照片仍有電線,畫面比較難產生高級感,壓上文字後更顯得畫面複雜。而左邊的照片佔約 20% 畫面,且跟醫院照片有明顯的垂直分割,視覺上比較零碎。日後在選照片和排版上,可以思考其他組合也不錯。




左邊的照片與右邊的文字,形成明顯的分割垂直線,這種垂直線會使得畫面變得零碎,不容易設計得很好。另外,兩位是台大長庚畢業的,但放上成大的照片,就顯得有點意味不明。因為兩位的專長是醫學與魔術,如果能夠以網頁中的卡通圖做為主視覺,也是不錯的選擇,會更切合主題。




在排版上,不少同學會使用這種 BBS 換行法。不過在多螢幕的世界,其實一般的段落式換行,在閱覽上會比較直覺。建議日後可以根據我們後面三篇貼文練習所建議的做書寫。

同學們第一次做網站,就已經有很不錯的開始。以上的建議,希望能協助各位更上層樓。

以下,一起看看得獎同學的作品。


邱瑩明醫師





邱瑩明醫師的作品,banner 設計得很好,logo 的紫色,呼應照片的紫色,制服的白色,呼應留白部分。進一步調整的話,背景的橘色,與整體的風格較為不同,如果頁籤的灰色保留的話,背景可做深灰色,或者,也可以考慮頁籤與背景,做成深淺不同的紫色。重點是讓背景就是背景,不要太搶走部落格內容的風采即可。

 



貼文部分,我們可以用 Ctrl-A 來檢查,如果藍色細條沒有接在一起,有多出來的空白區,那就表示貼文時選成「段落」,而非「一般」。這個在互動實作手冊的第 31 頁下方,有詳細的文字與圖片說明,請參考。

另外在空行的數目上,也可多加注意,影片上下應該都是空兩行,目前影片下方空了四行,距離頗遠。




邱醫師的第一篇貼文其實是沒有問題的,表示可能流程操作沒問題,只是貼第二第三篇時,稍微沒注意到貼文前的準備。如果之後貼文都像這樣,空行數與模式都選對的話,就沒問題了!

恭喜邱醫師!


張引碩醫師




 
張醫師的 banner 設計很好,很有專業皮膚科醫師的感覺,文字的擺放也注意到平衡,上下平衡,左右也平衡。右下方的黑色文字,可以考慮往右移動一點點。整體來說是很不錯的設計!




貼文很注意細節,我們用 Ctrl-A 檢查,會發現有選到「一般」模式,而沒有誤選到「段落」模式,很棒。




空行數也掌握得很好,影片的上下各二,段落間一,整體畫面的閱讀就會相當流暢清楚。

恭喜張醫師!


最新活動