サステナブル事業紹介サイト制作

依頼内容

一般社団法人SusPla様は、品質向上・安定供給に資するマテリアルリサイクルによる再生プラスチック市場の拡大を目指して設立された団体です。
フェーズ1としてまずはSusPlaの設立に際し、この取り組みを発信するプラットフォームとして2024年に1ページ構成でのサイト制作に対応させていただきました。
今回は取り組みの詳細や、事業内容、組織概要などの情報の拡充と、投稿機能などの追加実装をご依頼いただきました。
フェーズ1で構築したサイトの世界観やデザインイメージはそのままに、取り組みへの理解をより深めていただけるような情報発信を強化しています。あわせて、この活動に共感・賛同してくださる方々との新たなつながりを生み、更なる入会のご案内につなげていくことも目的としています。

ワイヤーフレーム作成

前回のフェーズ1でも一部にWordPressを導入していましたが、今回は今後の活動状況に応じて情報の更新が柔軟に行えるよう、更新性を意識した構成を念頭においてWFを作成しました。
限られたページ数の中でも、企業・団体・行政機関・大学や研究者の方々など、この取り組みに関心をお持ちの皆さまに必要な情報がしっかり届くよう、構成を工夫しました。
ページを分散させるのではなく、1ページに関連情報を集約することで、ページ移動の手間を減らし、スムーズに全体像を把握いただける設計としています。

デザイン

フェーズ1で制作したサイトをベースに、改修および下層ページの展開をいたしました。

▼トンマナの変更
ご依頼前のデザインはボタンやアクセントカラーは明るい緑色を採用していました。今回の改修ではロゴに色合いにサイトのトーンを変更するご要望もいただいておりましたため、サイト内のボタンや見出し、アクセントカラーを変更する調整を行いました。

▼デザイン・UIについて
CVを高める狙いとして、画面右下には追従する入会ボタンを設置いたしました。円形のボタンにすることで、他のボタンとの差別化を図っております。

▼ご予算に合わせたページ構成の調整
＜組織概要ページ＞
複数ページに分けず、1ページに情報を集約することで、効率的かつご予算内で必要な情報を掲載できる構成としています。また、情報はWordPressで管理しており、クライアント様の環境で掲載・非掲載の切り替えが可能な仕様となっています。

＜事業紹介のアコーディオン＞
子ページを個別に作成するのではなく、一覧ページ内で詳細を開くアコーディオン形式を採用することで、組織概要ページと同じく、ページ数を最適化しながらも、必要な情報が過不足なく伝わる設計にいたしました。

▼画像制作
事前にいただいていた従来の図をベースに、トンマナに合わせてカラーや図式を変更する対応も行っております。今回は元画像で使用していた色相はなるべくそのままに、ロゴカラーに合わせてトーンを調整いたしました。

▼全体デザイン
最終的に完成したトップページ、組織概要ページは以下のようになっております。