ガイアドリーム 様

概要・課題

ガイアドリーム様は、企業や自治体が抱える廃棄物・リサイクル・環境活動に関する課題に対して、仕組みづくりやシステム開発、運用支援などを行っている会社です。
廃棄物管理業務、最適な循環支援、処理状況確認、自治体形式づくり、持続可能な社会づくりへの企画・運営など、幅広い領域から環境課題の解決をサポートされています。

リニューアル前のサイトでは、事業内容や導入事例などの情報が掲載されていた一方で、サービスの幅広さや企業としての信頼感・規模感をより分かりやすく伝えるために、情報整理や導線設計を見直す余地がありました。

今回のサイトリニューアルでは、ガイアドリーム様が持つ社会的意義や提供価値を、わかりやすく伝えることを重視しました。
複雑になりやすい事業内容をユーザー目線で整理し、必要な情報にスムーズにたどり着けるページ構成へ再設計。
さらに、ガイアドリーム様の特徴や独自性を端的に伝えるコンテンツとして「ガイアドリームってどんな会社？」をというページを新設し、導入事例や企業情報もより分かりやすく訴求できる構成をご提案しました。

ターゲット

・廃棄物管理が必要な企業（小売業・外食業・製造業など）
・環境問題・持続可能な社会づくりを考えている企業、自治体

デザインコンセプト

環境コンサルティングという専門性の高い事業は、どうしても内容が難しく、とっつきにくい印象を与えてしまいがちです。
そこで今回、「やさしく、まじめに、想いを込めて」 をデザインコンセプトに掲げ、小学生高学年にも事業内容が伝わるような、親しみやすさと誠実さを兼ね備えたデザインを目指しました。

デザインのこだわりポイント

温かみや親しみやすさを演出するために、サイト背景には再生紙をイメージしたテクスチャを採用。
メインタイトルのフォントには、柔らかな印象を持ちながらも芯のある力強さを感じさせる、少し角丸の太ゴシックを使用しています。
カラーは、クライアントの会社のメインカラーである紺色をベースにしつつ、そのまま使用すると固い印象になりすぎるため、水彩テクスチャを重ねることで柔らかさを加えて調整。
さらにサイト全体のアクセントにカラフルな色彩を散りばめ、ポップで明るい雰囲気を演出しています。
トップページのMVには企業ロゴを使ったアニメーションとイラストを取り入れ、訪問したユーザーが思わず読み進めたくなる工夫を施しました。
専門的な内容への敷居を下げ、小学生高学年にも興味を持ってもらえるような、入口としての役割を果たすファーストビューを実現しています。

UI・UXでこだわったポイント

トップページのMVには、イラストと簡潔なテキストを組み合わせて事業内容を表現することで、サイトを訪れた瞬間に「この会社は何をしているのか」が幅広い世代のユーザーに直感的に伝わるようにしています。
また、サイト全体を通じて、装飾やアイコンの配置、カラフルな色彩のアクセント、随所に取り入れたアニメーションによって、明るく親しみやすい雰囲気を演出し、専門的な内容であっても「難しそう」「自分には関係ない」と感じさせない、気軽に読み進めてもらえる空気感づくりを大切にしました。
情報を正確に伝えながらも、ページをスクロールするのが楽しくなるような体験を目指しています。

WordPressの仕様

各事業の説明ページは、静的ページではなくWordPressのカスタム投稿として構築しました。
静的ページでコーディングする場合、制作途中のある時点でコンテンツ内容をある程度固める必要があり、その後の修正には都度エンジニアの対応が必要になります。
記事化することで、公開直前まで文言や内容のブラッシュアップを行うことができ、完成度の高いコンテンツに仕上げることができました。
また、公開後も事業内容に変更や追加が生じた際には、クライアント様自身で管理画面から簡単に編集・更新が可能です。
専門知識がなくても内容を最新の状態に保てるため、運用コストの削減にもつながる設計となっています。