如何制作一個從人群中脫穎而出的食品和飲料網站
食品和飲料行業是一個很難在其中茁壯成長的世界。您不僅會根據產品的味道來評判您的產品質量,而且您還必須克服設計的棘手障礙。而且,隨著食物和藝術變得越來越緊密,想出原創、引人注目的品牌和視覺效果是一項艱巨的任務。這就引出了一個問題:在這樣一個競爭激烈的領域,你如何脫穎而出?一旦你有一個美味的產品或一個漂亮的餐廳,你如何確保它不會被一個設計不佳的網站所辜負?在本月的 Double Click 中,我們與 Big Mamma、Fed & Watered、Day Job、Studio Juice 和 Planque 交談,講述他們自己完成這項任務的經歷以及他們在此過程中的重要提示和技巧。
Big Mamma 是一家自稱為“供應最正宗美食的休閑小餐館”的連鎖店。在倫敦、巴黎、里爾、里昂、波爾多和馬德里設有分店,這是一家餐廳業務,其設置完全符合其名稱:一個大團隊,大能量,制作美味佳肴。自然,這樣一個雄心勃勃的企業需要一個同樣雄心勃勃的網站來迎接它的客戶。而且,經過大量瀏覽后,我們可以確認它符合預期。由 Big Mamma 的內部設計師設計,它不僅傳達了所提供食物的真實性,還傳達了團隊的“滑稽幽默和溫暖”。
“該網站的 DNA 旨在將人們帶到 Big Mamma 的世界,”設計師解釋道。“當你點擊登陸頁面時,就會在視頻中看到這一點,這是在 Big Mamma 的典型一天之后的關鍵時刻,例如團隊簡報和每周 3 次從那不勒斯送達的馬蘇里拉奶酪交付。” 從一開始就明確的設計元素是對顏色和插圖的關注。黃色是該品牌的主色調,但也有很好的綠色和藍色,它們與插畫家 Olimpia Zagnoli 合作創作的插圖元素搭配得很好——她與面品牌 Barilla 的合作非常有名。這些方面看起來反映了 Big Mamma 餐廳的方法,“將真實性與現代曲折相結合”,例如其倫敦分店 Gloria,霓虹燈標牌與老式家具并列。在其他地方,團隊的有趣精神體現在允許用戶參與設計的交互元素中:在“聯系”頁面的底部,可以使用光標拖動圖示的面條形狀。設計師將此作為他們最喜歡的網站功能,解釋了它如何完美地體現了 Big Mamma 的精神。
Big Mamma 的設計團隊重要提示:
選項卡不要太多,導航應該總是很簡單
用網站上所有你想要的信息做一個版本,然后用愛做另一個版本。創造性地看待它——你可以讓哪些元素變得有趣?添加一些很酷的怪癖!
確保網站本身不是太大聲(字面意思!)。
始終從設計手機版本開始。大多數人在手機上瀏覽,它需要易于導航并且看起來很酷。食品和飲料行業是一個很難在其中茁壯成長的世界。您不僅會根據產品的味道來評判您的產品質量,而且您還必須克服設計的棘手障礙。而且,隨著食物和藝術變得越來越緊密,想出原創、引人注目的品牌和視覺效果是一項艱巨的任務。這就引出了一個問題:在這樣一個競爭激烈的領域,你如何脫穎而出?一旦你有一個美味的產品或一個漂亮的餐廳,你如何確保它不會被一個設計不佳的網站所辜負?在本月的 Double Click 中,我們與 Big Mamma、Fed & Watered、Day Job、Studio Juice 和 Planque 交談,講述他們自己完成這項任務的經歷以及他們在此過程中的重要提示和技巧。
大媽:www.bigmammagroup.com
Big Mamma 是一家自稱為“供應最正宗美食的休閑小餐館”的連鎖店。在倫敦、巴黎、里爾、里昂、波爾多和馬德里設有分店,這是一家餐廳業務,其設置完全符合其名稱:一個大團隊,大能量,制作美味佳肴。自然,這樣一個雄心勃勃的企業需要一個同樣雄心勃勃的網站來迎接它的客戶。而且,經過大量瀏覽后,我們可以確認它符合預期。由 Big Mamma 的內部設計師設計,它不僅傳達了所提供食物的真實性,還傳達了團隊的“滑稽幽默和溫暖”。
“該網站的 DNA 旨在將人們帶到 Big Mamma 的世界,”設計師解釋道。“當你點擊登陸頁面時,就會在視頻中看到這一點,這是在 Big Mamma 的典型一天之后的關鍵時刻,例如團隊簡報和每周 3 次從那不勒斯送達的馬蘇里拉奶酪交付。” 從一開始就明確的設計元素是對顏色和插圖的關注。黃色是該品牌的主色調,但也有很好的綠色和藍色,它們與插畫家 Olimpia Zagnoli 合作創作的插圖元素搭配得很好——她與面品牌 Barilla 的合作非常有名。這些方面看起來反映了 Big Mamma 餐廳的方法,“將真實性與現代曲折相結合”,例如其倫敦分店 Gloria,霓虹燈標牌與老式家具并列。在其他地方,團隊的有趣精神體現在允許用戶參與設計的交互元素中:在“聯系”頁面的底部,可以使用光標拖動圖示的面條形狀。設計師將此作為他們最喜歡的網站功能,解釋了它如何完美地體現了 Big Mamma 的精神。
Big Mamma 的設計團隊重要提示:
選項卡不要太多,導航應該總是很簡單
用網站上所有你想要的信息做一個版本,然后用愛做另一個版本。創造性地看待它——你可以讓哪些元素變得有趣?添加一些很酷的怪癖!
確保網站本身不是太大聲(字面意思!)。
始終從設計手機版本開始。大多數人在手機上瀏覽,它需要易于導航并且看起來很酷。