Contact
本月值得關注的網頁設計｜2026 5月篇
本篇是由 GEAR8 JP 設計師大道日菜子以及塚本真帆的設計對談。
「本月值得關注的網頁設計」這個企劃目的在以網頁設計師的視角，將那些令人在意、感到有趣的網站化作文字與對話的討論。目前採用兩位設計師對談的形式來介紹這些網站，不過今後可能還會有些變動也說不定呢！
隨著陽光日益強烈，最近漸漸能感受到夏天的腳步了。這個月一樣由我（大道日菜子）來為大家介紹個人相當關注的網站。
本次要介紹的是這一個：
救救瀕危蔬菜 by SOLAMENT®
https://endangeredveggies.smm.co.jp
明明是科技相關的主題，最先介紹的卻是「蔬菜」！？
塚本：這次的網站，光是標題就很吸引我。「救救瀕危蔬菜」這個名字很有意思，把「瀕危」這個詞跟蔬菜放在一起，非常令人好奇。
大道：我懂！我第一次看到時，還以為是環境問題或是農業相關的網站，但實際上它卻是一個活用「SOLAMENT®」素材科技的專案網站呢。
塚本：科技跟蔬菜……一開始真的很難把兩者聯想在一起。
大道：對吧？網站並不是從介紹企業的專利技術開場，而是先從「正在逐漸消失的在地原生蔬菜」這個主題切入。所以即使講的是深奧的技術，卻讓人感到非常親切。
塚本：確實如此～比起先被塞一堆技術說明，以「為了保護這些蔬菜而發起的專案」開場，反而能讓人很簡單地吸收。
大道：以設計師的視角來看，這種資訊呈現的順序非常值得學習。沒有急著展示功能或規格，而是先傳遞「為什麼需要這個產品」。之後才帶出技術話題，內容就變得非常容易理解了。
奇妙且極具視覺衝擊力的 3DCG 蔬菜
塚本：開頭出現的蔬菜視覺，真的令人印象深刻。看起來像照片，卻又不只是蔬菜而已，而是會旋轉的 3DCG 蔬菜。
大道：透過 3DCG 來展現各有特色的在地原生蔬菜，是這個網站的一大特色。如果只是一般的展示蔬菜，很容易流於「食材」或「農產品」的印象，但在這個網站裡，看起來反而有點像雕塑品。因為不是完全寫實，帶著一種異物感，非常有意思。
塚本：確實很有存在感，蔬菜的外觀帶點遊戲感，但又能好好扮演主角的角色。
大道：在保有視覺震撼力的同時，像紅蕪菁、南瓜、茄子、蘘荷等，每一種蔬菜形狀與顏色的差異都被鮮明地凸顯出來，能從視覺上直觀感受到「原來原生的在地蔬菜有這麼多種啊」。
塚本：而且背景與留白相當簡潔，甚至帶點宇宙感，讓蔬菜的輪廓看起來更加突出。
大道：網站沒有使用大量華麗的色彩，而是以米色和黑色為主調，讓蔬菜本身的顏色浮現出來，感覺就像蔬菜懸浮在宇宙中一樣！雖然主題是瀕危蔬菜的社會議題，但為了不顯得過於沉重而保留了趣味性，卻又不會流於輕浮，這個平衡拿捏得非常高明。
不只停留在「外觀」的資訊架構設計
塚本：原生蔬菜的介紹區塊也不只是單純排版照片跟說明文字，連栽培區域、栽培期間、日照量、地溫、降雨量等資訊都非常詳細地呈現出來了呢。
大道：我也注意到了！雖然視覺呈現非常強烈，但資訊卻非常具體。不只是講述蔬菜的故事，連「在什麼樣的環境下成長」都整理得非常清楚。
塚本：一開始是透過「保護蔬菜」這種感性訴求切入，隨後漸進帶出現實條件的相關資訊。
大道：沒錯。以設計來說，打造了一個能在「情緒情感」與「數據資料」之間自由穿梭的結構。像這種資訊量龐大的內容要如何呈現，通常是最令人頭痛的部分吧？
塚本： 真的很頭痛……說明一多，很容易變成枯燥的資料檔，常常會擔心「這真的會有人讀嗎……」。
大道：但這個網站把類似規格表一般的資訊，轉化為卡片的一部分，或是與 3DCG 蔬菜結合，做成動態的閱讀體驗。透過動畫與動線的巧思，成功擺脫了單純數據的枯燥感。
「配對地圖」讓人產生「我也能參與其中」的帶入感
塚本：頁面中段出現的地圖也非常有意思，那是利用太空資料來尋找適合栽培土地的功能吧？
大道：對！到這裡網站給人的感覺稍微有了變化。在這之前，我們是把它當成「介紹蔬菜與技術的網站」來看，但地圖出現後，視角被擴展到了「或許連我自己的土地也能參與其中」。
塚本：不再只是看過就結束，而是能延伸到實際參與呢。
大道：沒錯。作為一個專案網站，重要的不只是讓人了解，而是要引導至下一個行動。以這個網站來說，不只陳述「用科技來保護瀕危蔬菜」，更透過展示尋找適合栽培地點的機制，讓參與方式變得具體可行。
塚本：連通往諮詢聯絡的引導動線，也不會突然變得充滿商業推銷感。
大道：那一點也很棒。了解社會課題、了解蔬菜、了解生產者、了解保護他們的技術，進而產生「或許我也能一起做些什麼」的想法。這個流程非常自然，整座網站都在一步步貼近使用者的心境。
農夫的心聲，為網站注入了溫度
塚本：我也很喜歡它加入農夫介紹的部分。明明是個講技術的網站，卻能好好呈現人的面孔。
大道：我覺得那正是為網站賦予溫度的關鍵。如果只談 SOLAMENT® 素材技術或衛星數據，會給人一種太過前衛、稍微冰冷的印象；但有了農夫、專家與傳承的故事，就能讓人明白「這項技術究竟是為了誰而存在」。
塚本：這不只是保護蔬菜，更是把培育蔬菜的人以及當地的文化一併保護下來的故事呢。
大道：嗯！以設計來說，照片、姓名與頭銜的呈現方式不會過於誇張，而是作為專案的一份子自然地被介紹出來，我覺得這樣很好。這是一個主角包含蔬菜在內、相當多元豐富的結構。
塚本：雖然是介紹住友金屬礦山公司技術的網站，卻完全不會讓人覺得侷限在企業自身的自我宣傳裡。
大道：是的，沒有誇耀技術有多厲害，而是呈現出技術如何在社會中發揮價值。作為品牌塑造來說，也是一種非常真誠的呈現方式。
流暢的滾動視覺，帶來彷彿在探索一般的體驗
塚本：在瀏覽網站時，每當滾動頁面，都會感受到畫面深度在發生變化。蔬菜或文字會浮現出來，或是漸漸進入地圖之中。
大道：相當具備動態感呢！但比起單純為了炫技，更像是貼近「尋找土地」、「發現蔬菜」這種探索體驗。
塚本：原來如此，有一種使用者正在畫面中親自探索的感覺。
大道：沒錯沒錯。特別是這個主題，同時包含了從過去傳承下來的蔬菜，以及未來的科技對吧？那種時間的縱深感，感覺也透過滾動與動畫精準地傳達了出來。
大道：而且瀏覽這個網站會發現，所有的動態都是有意義的：為了強化蔬菜的存在感、為了引發對地圖與數據的興趣、為了自然地引導至下一個區塊。動畫並非單純的裝飾，而是扮演著輔助理解的角色。
不讓複雜難懂的事，以難以理解的形式呈現
塚本：SOLAMENT® 包含了近紅外線或隔熱等詞彙，光看字面感覺有點硬、有點難懂呢。
大道：確實……但這個網站將其轉化為「保護農業與蔬菜免受酷暑侵害的技術」來傳達，是不是變得非常容易接受了呢？
塚本：如果把技術說明改得太簡單，可能會顯得內容單薄；但太過專業又會讓人讀不下去。這個網站剛好拿捏在了兩者之間的黃金平衡點。
大道：嗯！而且像是在溫室內降低地溫的隔熱網，或是猛暑中也方便作業的農業用服飾等，具體的使用方式都有清晰展現，讓人很容易想像「這項技術在現場會如何被使用」。
塚本：明明是素材科技的網站，最後腦海中浮現的卻是在農田裡汗流浹背工作的人們呢。
大道：這正是最棒的地方。介紹技術時，往往會忍不住想強調技術有多厲害，但這個網站展現的卻是技術能服務的對象。以什麼作為主語，傳達出來的效果真的截然不同。
傳遞社會議題，卻不顯得過於沉重
塚本：「瀕危蔬菜」這個詞雖然沉重，但整體網站卻一點也不陰暗呢。
大道：是的。雖然帶有危機感，卻給人一種「我們還能做些什麼」、「還有可以參與空間」的積極正面印象。
塚本：3DCG 的視覺也帶有一點未來感。明明是在講古老傳承下來的蔬菜，看起來卻完全不落俗套。
大道：這正是這個網站的獨特之處。它沒有用懷舊感來包裝「守護傳統」這件事，而是結合科技、數據與現代感十足的視覺，傳遞出這不是在「保存舊物」，而是「連結未來」的意象。
在 GEAR8 我們也這麼想
本次介紹的「救救瀕危蔬菜 by SOLAMENT®」，並非單純說明素材科技的功能，而是細膩地闡述了該技術「在支撐著誰、又能將什麼連結至未來」。
從原生蔬菜這個貼近生活的切入點開始，串聯起農夫的心聲、栽培條件、地圖，最後銜接到 SOLAMENT® 的技術。雖然處理的是社會議題、科技與數據等看似艱深的要素，但在設計上卻做到了「能不讓使用者出神」這件事。
正如對談中所提到的，這樣的網站絕非僅靠強烈的視覺就能成立。「最先呈現什麼」、「在哪裡展現人物的面孔」、「要以什麼樣的溫度傳遞專業資訊」，正是透過這些細緻設計的堆疊，才能將專案的態度與企業的信任感精準傳達給大眾。
在 GEAR8，我們也會與您一同思考資訊傳達的順序，以及希望讓受眾產生什麼樣的情感。
即使是尚未化為具體的企劃，或是架構複雜、難以解釋的內容，哪怕只是在「不知道能不能這樣呈現呢？」的初步階段，都非常歡迎隨時與我們聊聊。
在交流的過程中，那些事物本身的魅力與如何呈現的靈感，往往就會一點一滴地浮現出來。
如果閱讀完這次的對談後，您對專案或服務的傳達方式有產生任何想法，歡迎隨時與我們聯繫！
