哈佛商業評論 - KYART光沅創意

哈佛商業評論

哈佛商業評論》英文版創立於1922年,為國際商業世界最具影響力的刊物。八十餘年來孕育出許多先進的管理觀念,對全球的管理實務產生了深遠的影響。我們要替HBR中文版官網打造全新的線上版閱讀體驗,我們不僅要維持原先讀者閱讀的數位習慣、維持廣告版位的收益、付費讀者更友善的瀏覽服務、提升網頁文章讀取速度、建立媒體影音平台的舞台,接軌世界的Content媒體閱讀趨勢。

 

Task

創造SEO成效,Vue+Nuxt 的SPA+SSR設計架構,兼顧SEO和使用者體驗

  • Strategy

    新官網設計、網站SEO優化、內容閱讀體驗

  • Design

    UI/UX Design, Vue.js,Nuxt.js, RWD, Art Direction

  • Client

    遠見天下 www.hbrtaiwan.com

Open Project
Challenge

創造SEO成效,Nuxt 的SPA+SSR設計架構,兼顧SEO和使用者體驗

思科公司執行長 John Chambers 說:”維持一種渴望改變的彈性文化“。

歷時一年多執行改版設計,我們要替HBR中文版官網打造全新的線上版閱讀體驗,我們不僅要維持原先讀者閱讀的數位習慣、維持廣告版位的收益、付費讀者更友善的瀏覽服務、提升網頁文章讀取速度、建立媒體影音平台的舞台,接軌世界的Content媒體閱讀趨勢,我們從原有Logo開始改變,放大哈佛商業評論中文字的比重,建立更鮮明的品牌識別,全體版面設計投入嚴格的色彩管理、字體、間距、中英文並列的閱讀美感、插圖比例與圖說跟內文的比例、同時也要注重在不同螢幕下的表現,尤其是行動裝置APP操作體驗。

我們捨棄一般三明治選單,改以貼近指尖操作的下方ToolBar設計來提升行動用戶的類APP閱讀體驗。

我想,若能每天在捷運裡、公車裡、等紅燈中,等開會時,能夠單手很快操作瀏覽HBR的管理知識,無意識的體驗、舒服的版面閱讀,接收到最新的知識而應用,這是對讀者最尊敬又實在的改版設計。

我們很榮幸又高興再一次受到遠見天下的信任,委託我們將舊版重新改版,不僅只有Skin的更版,從底層程式的架構也全部重來。

新版採用Vue.js+Nuxt.js+Node.js的MVVM設計模式進行開發,將圖形化使用者介面的開發與業務邏輯或後端邏輯的開發分離開來,除了解決許多傳統開發的問題,最重要加速了整體網頁載入與讀取的效能。另外Content網站/文化出版業最重視的莫過於SEO的成效,透過Nuxt 的SPA+SSR模式架構,同時兼顧 SEO 和使用者體驗

朋友們,推薦您閱讀與加入遠見天下全新改版的”哈佛商業評論”官網,我們希望透過新版的優越設計,能夠將國際商業世界最具影響力的刊物,提供最先進原創的管理觀念與創新實務能更落實在台灣的數位閱讀環境。

《哈佛商業評論》與世界一流管理接軌

https://www.hbrtaiwan.com

感謝Zoe/Linda/Allen/Connie/Yetta/Bomba/Luna (特別感謝Luke大大技術指導),因為有你們,我們可以接軌世界,你們太棒了!!

The team

Meet our
design team.

Project Management

— 郭光耀 Brad Kuo
專案總監

— Connie Lin
專案營運總監

Art Direction

— Zoe Wang
視覺藝術總監

Creative Design

— Yetta Lin
視覺設計

Web Development

— Bomba Tsai
— Linda Lee
— Luna Huang

前端互動設計師

Vue Development

— Teen Yang
— Allen Wang

前端開發工程師

Let’s talk about your website design

Got a Project?
來聊聊吧!

我們珍惜認真看待每一次與客戶聯繫的機會,期待為不同客戶演譯夢想,
運用我們美感天賦與實戰經驗,為您服務設計。

Back