RichyLi.com 李怡志的圖表、網路、新聞個人網站

Blog | 與我聯絡 | 網站地圖 | 為災民工作一天

一致認為 | 台北報導 | 圖表達人 | 教育訓練 | 中文姓名 | 關於怡志

Richyli.com > 商業圖表及視覺思考 > 網路媒體實驗室 >

Starbucks.com


 來自美國的星巴克咖啡,除了行銷一流,網站也一級棒(咖啡倒不怎樣)。最近因為在研究企業與非營利組織策略聯盟的問題,所以上去看了一下,才發現他們改版了。

 改版後的網站比以前的更有格調些,也簡單許多,加上清楚的結構與設計概念,很適合拿來當作「品牌網站」的範例,現在就以星巴克網站,做個小小的介紹。

 受先看到的是他們的首頁。我們一般在談網站首頁的時候,會有幾種功能要照顧:

  1. 封面功能 (Cover Page)
  2. 目錄功能 (Menu)
  3. 分眾導覽功能 (Path)
  4. 新聞告知功能 (News)

 在 Starbucks 的首頁中,他們只有提供兩項功能,一個是封面功能,也就是下圖中的黃色框線部分。這一塊透過敘事性的照片,定義出這個網站的重點:「您現在正位於星巴克咖啡網站」,而且這一塊會亂數輪替,每次看到的都不一樣。

 而綠色框線的部分,則是混雜了目錄與分眾功能。

  • 我們可以看到第一個 shop online ,是提供給「網路消費者」的區塊。
  • our stores則是讓希望「喝到實體咖啡的人」,快速找到星巴克咖啡店的目錄。
  • 在in grocery中,「一般消費者」可以看到星巴克在一般消費通路中的商品,如咖啡豆、冰淇淋和罐裝 Frappucchino。
  • for business中介紹了「商業客戶」,如企業、餐飲業等如何購買他們的服務。
  • 最後是about us,提供「 Shareholders 」、「 Stakeholders 」與「找工作者」等瞭解星巴克的管道。

 至於最上方與最下方兩個紅色區塊,則分別是網站「功能」與「說明」,這是任何一個網站在做 Informaiton Architecture 時都不可以漏掉的。

讓我們進內頁看看

保留部分權利 (Some rights reserved), 1996-2006, Richy Li.