IGSO

國際農民標準組織 機構形象網站

國際農民標準組織(IGSO)作為國際化的行業領航者,幫助農產品種植和供應者全面處理發展和變革中的農產品業務。參加資質認證和會員計劃,農民不但得到認證,還可獲得專業團隊提供的業務咨詢、技術支持及多樣化增值服務。
香港機構形象網站

IGSO 的使命不僅是維護或保護優秀種植者的地位,而且區分開目光短淺的種植者

響應式設計 支援各類型設備

本公司設計的網頁,支援多設備瀏覽,滿足不同用戶及現時的網頁設計趨勢。

國際機構形象網站

客戶背景:國際農業機構形象網站

IGSO作為國際性的農業機構,為香港及海外農產食品種植者設立認可計劃,讓市民客觀了解農產食品種植者的水平。制定農業食品種植實踐中所需的知識、培訓、行為和經驗標準。

客戶需求及網站規劃

客戶希望為網站注入新元素及新鮮感。因此,找到本公司為其網站進行更新。希望活用機構綠色主色,營造嶄新的視覺設計以及合時宜的功能。

風格確認及前期mock up

設計師根據客戶需求,利用不同的深淺綠色配合黑色的內文顏色,套用到網頁不同部分。例如:區塊的背景色、內頁標題背景、隔間的背景顏色等等。而為了突顯農業的主題,圖片上亦用了種植、農產品的圖片。
Final Output

最後定稿

經過與客戶在主頁內頁設計的討論後,整個網站都以綠色主調製作網站。配合農產品圖片及UI圖標,整體呈現機構企業感。

Features

網站特色功能

本次項目除了基本視覺設計之外,跟客戶討論需求過程中,亦 設計了不同的網頁功能。

彈出式聯絡表單

用戶在點擊contact us按鈕後,聯絡表單會直接彈出,用戶輕鬆填寫表單後就可以以電郵聯絡客戶。同時,通過這個方式,表單不用直接展示在頁面上,令版面更加簡潔。

多語言系統 & 會員系統

客戶作為一個國際化的機構,中英文轉換必不可少。製作人員為客戶設定了多語言轉換系統,客戶可以自行再添加其他語言,以及新增頁面的翻譯頁,智能亦方便日後應用。透過會員系統,客戶可以將會員資訊設定為只限會員登入後閱讀,或是會員能夠在網站獲取第一手資訊。
Website color

網站色調處理

不同深淺的綠色,除了呼應了客戶農業機構的背景。而且用色的襯托都奪目大方,讓網站訪客瀏覽時閱讀舒適。

網頁界面設計

標題部分選用了Poppins黑體英文字體,而內文則是Lato。兩者都是常見的網頁英文字體,設計師設定了poppins字體作為標題以及大字型的字體,清楚並吸引注意。而Lato亦為常見內文字體,閱讀起來沒有阻礙。至於在簡中及繁中版本上,設計師沒有設定一個獨立字體,以免網站需要不斷運算不同字型,拖慢網站速度。

影片嵌入功能

Wordpress系統支援不同平台影片嵌入,包括Youtube、Dailymotion等等。而透過網站元素,使用者甚至不同有編程知識都可以將影片放上網站,方便易用。

圖標icon資訊卡

為了以一個活潑的設計方式呈現較長的段落,網站資訊卡配合圖標會是一個不錯的組合。令畫面不只限冰冷的文字,圖標可以引發用戶思考,進而閱讀文字。
怎樣才是成功的網站?

除了外觀,還有搜索引擎排名

我們提供SEO優化增值服務為你的網站處理好外觀後再提升搜索排名,得到更多曝光。

Back