三宅一生香水、三宅一生服裝、三宅一生手表、三宅一生包包……三宅一生這個品牌帶給人類太多有創意的精致產品和設計理念,同時三宅一生也是日本乃至亞洲服裝行業的傳奇設計天才,改變了世界對亞洲服裝設計的刻板印象。因此我們有一種沖動想通過三宅一生官網,進一步解讀這個品牌的文化理念以及公司網站的風格設計,以此更多的探索服裝行業公司網站應當如何建設方能更高級、更有品牌個性。
前沿
在深度展開三宅一生服裝品牌網站建設策略之前,我們有必要對三宅一生服裝品牌的設計理念、三宅一生的設計師團隊以及三宅一生的服裝設計特點做簡單的概述。
三宅一生服裝品牌設計理念
在其設計中貫穿著人道的思考,便于旅行的、好保管的、輕松舒適的服裝。
三宅一生服裝設計師
三宅一生出生于廣島市,日本著名服裝設計師,他以極富工藝創新的服飾設計與展覽而聞名于世。 其后創建了自己的品牌,它根植于日本的民族觀念、習俗和價值觀,成為知名的世界優秀時裝品牌。
三宅一生服裝設計特點
在造型上,借鑒東方制衣技術以及包裹纏繞的立體裁剪技術,在結構上任意揮灑,任馬由韁,釋放出無拘無束的創造力激情,往往令觀者為之瞠目驚嘆。在服裝材料的運用上,改變了高級時裝及成衣一向平整光潔的定式,以各種各樣的材料,如日本宣紙、白棉布、針織棉布、亞麻等,創造出各種肌理效果。
三宅一生服裝品牌官網建設之設計策略
首先,遺憾的告訴廣大設計師及客戶朋友們,三宅一生于2022年8月5日過世了。即使這樣也不影響其帶給人類的創意作品,其創作的靈魂仍然在其創建的諸多品牌、官網中繼續傳承下去。其次,我們也是非常的好奇,一個傳奇人物的公司的官網風格如何、架構如何、頁面設計如何、交互設計如何、文案設計如何等等。今天,我們透過三宅一生的品牌官網,從整個欄目架構到具體每個頁面,剖析其建站與創作策略。
01.
三宅一生官網首頁
首頁的結構非常簡單,采用的是卡屏單屏控的版式和前端制作技術。這種設計理念最大的好處就是讓用戶訪問著陸頁的瞬間,被聚焦的KV視覺震撼到了。
內容主要劃分為3塊。
1. 標志、公共框架、菜單導航,這些是每個網站都具備的常規組件。其中,網站把品牌列表的入口收納和放置在頁面左上角。點擊后可直接展開更多的品牌,方便用戶進一步探索每個品牌。
2. 漢堡式折疊菜單,收納很多有價值的內容在里面。
3. 網站標志,非常簡約的造型,就是純字體風格的標志,易讀。
4. 除了公共框架,海報區域的內容,配置三個主題的海報輪博。切換的按鈕改成文字標題的形式。
5. 網站左下角,展示公司最重要的通知、公告,例如由于臺風影響,日本部分國內專賣店變更營業時間,等等。
02.
關于企業
三宅一生服裝品牌官網的關于企業,采用的是三層結構。點擊關于企業后,先進入一個總概括頁,通過三個窗口點擊進入內頁。
進入企業概要頁之后,大家會發現,在第三層結構的頁面上,可以快速的切換到另外2個頁面。
同樣,其他兩個頁面的地步,也可以切換到各自的頁面,這跟關于企業的總概括頁是同一個用戶體驗的交互邏輯。
網站的交互邏輯策劃和設計,會在原型圖階段就已經確定。用戶的訪問路徑在品牌企業網站建設中尤為關鍵,直接影響一個用戶查詢網站的各欄目的內容的效率。
企業歷程頁,大家請留意這個展示的方式,與我們常見的輪播不同,這是很直接的展示方式,對于一個有30年以上的企業集團公司來說,按區間劃分歷程事件是個不錯的主意。如果按每一年來輪播,就會耗費用戶很多時間才能獲取到很少量的信息。
同行,發展歷程尾部,也可以直接訪問其他兩個欄目頁面。
企業理念頁面設計
這個頁面的排版設計較為簡單,通欄布局,控制字體大小和行高。
03.
新聞中心頁面設計策略
頁面的上半部分,采用了左右滾動輪播的功能及展示形式。定義為新聞中的熱點或頭條展示在這個位置。下半部分是其他的新聞列表。
點擊其中一個新聞信息塊,進入新聞詳情頁。請注意,這個頁面設計中,配置了新聞標題,日期,正文和上下一篇新聞、SNS社交平臺分享推送的最基礎的組件和模塊。正文區域的細節設計,值得借鑒和學習。比如正文區域的行高設計、正文區域的相關鏈接設計、正文區域的li分點陳列設計等等。
其中,上一篇、下一篇的按鈕形式設計得特別有創意。
04.
專賣店
這個欄目應該是三宅一生服裝品牌官網建設的重中之重,網站的核心職能了。方便用戶查詢該品牌的所有店鋪。
頁面開篇,把三宅一生的旗艦店鋪展示于頁面上方,讓用戶直接找到他們。點擊其中一個旗艦店后,跟下面的內容點擊進去看到的頁面展示形式和版式是一致的。
我們先看看專賣店的店鋪查詢設計。包含版式設計、交互設計、功能設計。先看看從地圖上搜索專賣店的功能。很明顯,這里借助了谷歌地圖的展示功能來呈現查詢店鋪的結果。
類似這樣的功能,還可以在很多奢侈品牌的官網中看到。比如FION。
http://www.fion.com.cn/find-fion/store
圖片來源:FION 官網
另外一種篩選專賣店的形式是從列表中篩選,這就是文字列表帶鏈接的形式了,非常簡潔。點擊后,跟上面的旗艦店和以地圖的形式查詢到的數據點擊進去一樣。
點擊其中一個專賣店后,進入專賣店的詳情介紹頁。通常會包含一個店鋪的形象照片、店鋪名稱、店鋪介紹、地址及聯系方式以及該專賣店銷售三宅一生的哪些品牌。
04.
品牌
這個頁面跟從整站任何一個頁面點擊左上角的按鈕入口指向的目標是一致的。就是快速查找到三宅一生服裝品牌下的所有子品牌。
以其中一個為例,點擊進去后,我們首先會看到一張超大的海報設計,重點展示這個品牌的模特形象和服裝特點。
通過向下箭頭提示用戶往下滾動,探索更多精彩。接著會對該品牌展開介紹他們的設計理念,該品牌的一些活動或新聞。
每個品牌都會有一個展示他們的經典系列經典款的視頻。
好了以上就是知名女裝設計品牌三宅一生的官網建設設計策略。本文從三宅一生的整體情況到具體的設計理念、設計師、服裝設計的特點,到官網的具體架構設計、每一個欄目的設計邏輯、訪問路徑到樣式交互設計的詳細講解,尋求服裝行業企業官網的高級定制設計策略。更多的關于三宅一生服裝品牌官網建設情況,可直接訪問官網地址:https://www.isseymiyake.com/cn/
關于服裝行業公司網站建設之高級策略我們就先講解到這,下期再見。