株式会社アグリノーム研究所
コーポレートサイト制作

• 企画・設計
• ビジュアルデザイン
• フロントエンド
• CMS

生産現場でのデータ活用と資源の循環・有効活用で「持続的な食生産」を目指す、アグリノーム研究所のコーポレートサイトを制作しました。

デザインを刷新するとともに、「農全体」を表す社名とビジョンの世界観をイラストで表現し、ユーザーとの心理的距離感が近づくウェブサイトに仕上げました。

Visit Website

一目で「実現したい農の世界」が伝わるトップページ

このコーポレートサイト制作のテーマは「ビジョンを前面に出すこと」です。

従来のサイトでもイメージ写真は掲載されていたものの、具体的にどのような事業をしているのか、ユーザーとの接点はどこなのかといった、会社としての全体的なイメージがつきにくい印象がありました。

アグリノーム研究所が目指す「農全体」の世界には、植物工場、山林畜産、陸上養殖、海上養殖…といった、特徴や地域性も様々な生産現場があります。

それらを一つの世界として感じてもらえるよう、ここでは写真ではなくイラストで表現することを採用しました。

ビジョンを前面に出すためにコンテンツの流れを整理

初期段階でトップページにイラストを採用することが決定

イラスト制作では複数回にわたってヒアリングをし、「『農・林・畜産・水産の課題解決に挑む』ことで実現したい世界」について、イメージを具体化していきました。

初回はラフでざっくりイメージを共有

ヒアリングを重ねて要素の書き込み

下書きの最終版

コーポレートサイトとしての距離感を踏まえたデザイン

トップページでイラストを採用することは初期段階に確定しましたが、あくまでコーポレートサイトであることを踏まえ、柔らかい印象になりすぎないようにデザインしました。

イラストや角丸のパーツで心理的距離感は近づける反面、ボタンをクリックした時の動きを最小限にしたり、ページ構成が視認しやすいナビゲーションにしたりと、ユーザーの使用感を損なわないよう設計しています。

ウェブサイト運用に必要な要素が全て揃ったCMS

CMSには、MovableType.netを採用しました。

CMS機能に加えて、サーバー、SSL、フォームなどコーポレートサイトの運用に必要な機能が全て含まれており、専任のウェブ担当者がいなくても安心してウェブサイトを運営できるサービスです。

ASP型のCMSでありながら、過去のMovableType構築で培ったノウハウが使えるため、テンプレート設計や構築は非常に早く行うことができました。