搜索
香度B2B網站提案-上海全位廣告網站需求分析：1.B2B網站：ↂ網址：ↂ页面制作风格與企業文化相呼應，色調保持統一，以白色為基調。突出網站特點，體現專業性。設計體現出企業行銷特點，彰顯企業文化。部分網站內容需要方便隨時進行更新，需採用資料庫開發-新聞發佈系統。網站需體現：全球化，極簡化，嗅覺視覺化，高端奢侈品牌。ↂ設計遵循原則合理的網頁結構。良好的流覽導航。精美的美術效果-Flash與XML比例為80％-20％。與企業特點吻合的創意設計。KISS化操作步驟（KeepItSimpleandStupid）。ↂ語言版本中文繁體中文簡體英文網站開發流程：1.了解客戶需求2.分析客戶需求撰寫提案3.與和戶溝通並確認4.簽訂合同並支付訂金5.網頁美術設計6.客戶審核並確認網頁效果圖7.頁面製作+數據庫設計8.系統集成（系統開發）9.網站測試（內部），除蟲10.客戶確認，製作項目結束，進入後期維護階段B2B網站架構：註：產品種類所有系列的產品詳細說明直接連結至B2C網站。首頁INDEX關於香度CHANDO學問產品種類PRODUCT媒體通道PRESS聯繫香度CONTACT品牌故事BRANDSTORY香度理念CHANDOCONCEPT高品質堅持HIGHQUALITYCONTROL迷思與事實MYTHS&FACTS香味與心理MINDCONTROL冷知識WHATIS產品系列COLLECTION香氛類別FRANGRANCES空間運用SPACES優雅系列COLLECTIOND’ELEGANCE都會系列COLLECTIONURBAN花調FLORAL果味FRUITY木香WOODY草清GRASSY海風OCEANIC家居空間HOME私人空間PRIVATE辦公空間OFFICE商業空間COMMERCIAL香精芬典香度推薦B2B網站設計基調：2.首頁設計說明：以白色為主要基色，除去不需要的圖片與色彩，營造出簡約、高格調、高端消費奢侈品的具體形象，將重點擺在「CHANDO」的LOGO上，將品牌意象在首頁就能植入瀏覽者的腦海中。簡約的色彩與構圖亦能使網站的選項列能夠輕鬆的被辨別，讓整體頁面更加友善。首頁中間橫向為Flash動畫區域，能將「CHANDO」的形象、新產品、行銷活動、相關新聞等資訊以輪撥的方式展現，提昇整體首頁質感。右圖：整體感覺會些許類似「羽西」官網，但格調與設計感則是更高的層級。左圖：整體的色彩搭配以中色調為主，搭配彩度較低的系列色。概念圖例3.關於香度B2B網站設計基調：設計說明：關於香度項目包括「品牌故事」、「香度理念」、「質量堅持」三個部分，整個大項以白色為主要基色，將說明文字以「純文字」形式表示，圖片搭配較具有時尚感的產品攝影作品，帶出香度的整個故事。概念圖例整體的排版搭配將會以類似「時尚雜誌」的方式來進行設計，讓瀏覽者能清晰的閱覽並帶出「時尚感」。4.學問B2B網站設計基調：設計說明：學問項目包括「迷思與事實」、「香味與心理」、「冷知識」三個部分，「香味與心理」還細分出「香精芬典」與「香度推薦」兩個子選項，整個大項以白色為主要基色，將說明文字以「純文字」形式表示，字體色彩會較為統一，控制在2種色彩之內，圖片搭配將會配合文字敘述內容，補強文字的「視覺印象」不足部分。概念圖例不同的文字搭配不同的圖片，以將近1/2版面的高清圖片使瀏覽者能夠更強烈的感受到香味所帶來的感官刺激。5.產品種類（主頁面）B2B網站設計基調：設計說明：產品種類項目是本網站最重要的地方，是主要能體現「香度」所有產品的區塊，包含的子區塊也較多，因此會以不同主題的產品屬性賦予每個專屬頁面不同的格調，在「產品種類」的主頁面上會以Flash動畫方式將主打的明星產品強化promotion。而此區域也是唯一會與B2C網站連結的區塊，因此在整體架構上也會有部分類似B2C網站的構圖形式，一方面強調產品的魅力、獨特性，另一方面也可以引導瀏覽者前往B2C網站直接進行線上購買的動作。概念圖例1左圖：重點或是新推出產品會以較大篇幅Flash作重點式promo，不同分類的產品也會以較大尺寸的Banner吸引瀏覽者點閱，提高產品印象。右圖：產品圖片以大尺寸方式顯現。5.產品種類（主頁面）B2B網站設計基調：概念圖例2左圖：子區塊的產品單獨瀏覽模式，與之比較圖片會較大且布局更加緊湊。右圖：進一步點擊產品內容說明，會顯示說明內容與相關可搭配香氣，會設置「線上購買」按鈕，點擊之後會轉入B2C的購物網站。5.1.1.產品種類-產品系列-優雅系列CollectionofEleganceB2B網站設計基調：設計說明：優雅系列代表自信、獨立、時尚、優雅，主要面向的消費群體為女性，在設計與香味上均偏向此，而此系列的內涵為「一種香氣，一種心境，一種純粹簡單、自信優雅的生活態度，優雅襲人的香氛，喚醒心中的夢想，捕捉霎那的奧妙感受融入香氛中，將生命中每個故事化為難以忘懷的片刻」，因此在整體氛圍的營造會以自信、獨立、時尚、優雅四點為主。概念範例左圖：BURBERRY的產品帶著英倫的優雅、時尚風格，整體色調搭配也與本系列不謀而合。右圖：TIFFANY&CO整體的氛圍與本系列十分接近。整個頁面還將會輔以相關香氣原料（花草）的圖片，讓香味視覺化！5.1.2.產品種類-產品系列-都會系列概念範例B2B網站設計基調：設計說明：都會系列代表簡約、質樸、沉穩，主要面向的消費群體為男性，在設計與香味上均偏向此，而此系列的內涵為「一種香氣，一種信念，一種時尚簡約、能夠展現個性魅力的生活態度，隨性而細緻的香氛，使人回歸自然，自由呼吸，在忙碌的生活中找到屬於自己的片刻」，因此在整體氛圍的營造會以簡約、質樸、沉穩為主。此系列的概念將會以「木質」、「皮質」兩種概念為主軸，搭配些許的金屬感營造出都會的感覺。整個頁面還將會輔以相關香氣原料（花草）的圖片，讓香味視覺化！5.1.3.產品種類-產品系列-花調設計說明：花調共有三種味道「純白蒲公英」、「玫瑰花園」、「星夜晶靈」，主要會搭配相應的花系圖片與花紋之外，還會加上可使用的容器或介面物質圖片，增強視覺與嗅覺的聯繫。概念範例B2B網站設計基調：以花草大面積寫真為主，造成瀏覽者強烈的「記憶印象」去干擾嗅覺，產生彷彿已經聞到香味的錯覺。5.2.1.產品種類-香氛類別-果味設計說明：果味系列為「樂活萊姆」香味，主要會搭配相應的花系圖片與花紋之外，還會加上可使用的容器或介面物質圖片，增強視覺與嗅覺的聯繫。概念範例B2B網站設計基調：以水果大面積寫真為主，造成瀏覽者強烈的「記憶印象」去干擾嗅覺，產生彷彿已經聞到香味的錯覺。5.2.2.產品種類-香氛類別-木香設計說明：木香共有三種味道「沉香默檀」、「煙清微茫」、「悠木素香」，主要會搭配相應的圖片與花紋之外，還會加上可使用的容器或介面物質圖片，增強視覺與嗅覺的聯繫。概念範例B2B網站設計基調：以木質大面積寫真為主，造成瀏覽者強烈的「記憶印象」去干擾嗅覺，產生彷彿已經聞到香味的錯覺。煙清微茫沉香默檀5.2.3.產品種類-香氛類別-草清概念範例B2B網站設計基調：設計說明：草清系列為「綠野仙蹤」香味，主要會搭配相應的草被圖片與花紋之外，還會加上可使用的容器或介面物質圖片，增強視覺與嗅覺的聯繫。以青草地大面積寫真為主，造成瀏覽者強烈的「記憶印象」去干擾嗅覺，產生彷彿已經聞到香味的錯覺。5.2.4.產品種類-香氛類別-海風概念範例B2B網站設計基調：設計說明：海風系列共有兩種味道「靜謐地中海」、「加勒比海」，主要會搭配相應的圖片與花紋之外，還會加上可使用的容器或介面物質圖片，增強視覺與嗅覺的聯繫。以地中海與加勒比海大面積寫真為主，造成瀏覽者強烈的「記憶印象」去干擾嗅覺，產生彷彿已經聞到海風的錯覺。5.3.1.產品種類-空間運用-家居空間設計說明：住家空間分為「典雅玄關」、「極簡北歐」、「古典歐風」、「餐廳」、「黑白風格書房」、「客廳」等六種區域，主要會搭配相應的圖片與花紋之外，還會加上可使用的容器或介面物質圖片，增強視覺與嗅覺的聯繫。概念範例B2B網站設計基調：將風格概念圖片大面積置於畫面中，並在適當的位置將香氛器皿合成於圖片中，利用不同的意象色彩將香味擴散的概念表現出來，利用不同香味的象徵色彩強化瀏覽者的嗅覺意識。極簡北歐餐廳典雅玄關5.3.1.產品種類-空間運用-家居空間設計說明：住家空間分為「典雅玄關」、「極簡北歐」、「古典歐風」、「餐廳」、「黑白風格書房」、「客廳」等六種區域，主要會搭配相應的圖片與花紋之外，還會加上可使用的容器或介面物質圖片，增強視覺與嗅覺的聯繫。概念範例B2B網站設計基調：將風格概念圖片大面積置於畫面中，並在適當的位置將香氛器皿合成於圖片中，利用不同的意象色彩將香味擴散的概念表現出來，利用不同香味的象徵色彩強化瀏覽者的嗅覺意識。客廳黑白風格書房古典歐風5.3.2.產品種類-空間運用-私人空間概念範例B2B網站設計基調：設計說明：私人空間分為「臥房」、「浴室」、「洗手間」、「衣帽間」、「嬰兒房」、「書桌」等六種區域，主要會搭配相應的圖片與花紋之外，還會加上可使用的容器或介面物質圖片，增強視覺與嗅覺的聯繫。將風格概念圖片大面積置於畫面中，並在適當的位置將香氛器皿合成於圖片中，利用不同的意象色彩將香味擴散的概念表現出來，利用不同香味的象徵色彩強化瀏覽者的嗅意識。臥房臥房浴室浴室洗手間洗手間5.3.2.產品種類-空間運用-私人空間概念範例B2B網站設計基調：設計說明：私人空間分為「臥房」、「浴室」、「洗手間」、「衣帽間」、「嬰兒房」、「書桌」等六種區域，主要會搭配相應的圖片與花紋之外，還會加上可使用的容器或介面物質圖片，增強視覺與嗅覺的聯繫。將風格概念圖片大面積置於畫面中，並在適當的位置將香氛器皿合成於圖片中，利用不同的意象色彩將香味擴散的概念表現出來，利用不同香味的象徵色彩強化瀏覽者的嗅意識。衣帽間衣帽間書房書房嬰兒房5.3.3.產品種類-空間運用-辦公空間概念範例B2B網站設計基調：設計說明：辦公空間分為「領導辦公室」、「個人辦公桌」、「商談室」、「會客室」、「前台」、「大會議室」等六種區域，主要會搭配相應的圖片與花紋之外，還會加上可使用的容器或介面物質圖片，增強視覺與嗅覺的聯繫。將風格概念圖片大面積置於畫面中，並在適當的位置將香氛器皿合成於圖片中，利用不同的意象色彩將香味擴散的概念表現出來，利用不同香味的象徵色彩強化瀏覽者的嗅意識。領導辦公室領導辦公室商談室商談室個人辦公桌5.3.3.產品種類-空間運用-辦公空間概念範例B2B網站設計基調：設計說明：辦公空間分為「領導辦公室」、「個人辦公桌」、「商談室」、「會客室」、「前台」、「大會議室」等六種區域，主要會搭配相應的圖片與花紋之外，還會加上可使用的容器或介面物質圖片，增強視覺與嗅覺的聯繫。將風格概念圖片大面積置於畫面中，並在適當的位置將香氛器皿合成於圖片中，利用不同的意象色彩將香味擴散的概念表現出來，利用不同香味的象徵色彩強化瀏覽者的嗅意識。會客室會客室大會議室大會議室前台5.3.4.產品種類-空間運用-商業空間概念範例B2B網站設計基調：設計說明：辦公空間分為「心理治療室」、「健身房」、「銀行櫃檯」、「小兒科診療室」、「接待處」、「住院病房」等六種區域，主要會搭配相應的圖片與花紋之外，還會加上可使用的容器或介面物質圖片，增強視覺與嗅覺的聯繫。將風格概念圖片大面積置於畫面中，並在適當的位置將香氛器皿合成於圖片中，利用不同的意象色彩將香味擴散的概念表現出來，利用不同香味的象徵色彩強化瀏覽者的嗅意識。心理治療室心理治療室銀行櫃檯銀行櫃檯健身房健身房5.3.4.產品種類-空間運用-商業空間概念範例B2B網站設計基調：設計說明：辦公空間分為「心理治療室」、「健身房」、「銀行櫃檯」、「小兒科診療室」、「接待處」、「住院病房」等六種區域，主要會搭配相應的圖片與花紋之外，還會加上可使用的容器或介面物質圖片，增強視覺與嗅覺的聯繫。將風格概念圖片大面積置於畫面中，並在適當的位置將香氛器皿合成於圖片中，利用不同的意象色彩將香味擴散的概念表現出來，利用不同香味的象徵色彩強化