ろ材再資源化協会

誠実さと活動の透明性を伝えるデザインへ一新

サイト全体の配色を、水の透明感を表現したブルーとホワイトのグラデーションで統一しました。ろ材の再資源化という事業特性に合わせた色調で、非営利団体としての清潔感と誠実さが自然に伝わるデザインです。

背景には水の流れをイメージした曲線のグラフィックをあしらい、各セクションの切り替わりにもブルーの濃淡で変化を持たせています。環境に関わる団体としての姿勢を、配色と装飾の両面から視覚的に表現しました。

ページ全体のレイアウトは、余白を十分に確保しながら情報を整理しています。要素を詰め込みすぎず、ひとつひとつのセクションに視線が自然に流れるよう間隔を調整しました。写真やアイコンもゆとりを持って配置することで、落ち着いた印象と読みやすさを両立させています。

関心を持つ企業を可視化するパンフレットダウンロード機能を設置

協会の活動内容に関心を持った方が、手軽に詳細を確認できるパンフレットのダウンロード機能を新たに設置しました。これまで郵送や個別のメール送付で対応していた資料配布をサイト上で完結できるようにしたことで、訪問者の利便性と協会側の事務負担の両方を改善しています。

ダウンロード時には、会社名、名前、メールアドレスを入力していただく仕組みにしています。資料を必要とする方の情報が自動的に蓄積されるため、どのような企業がろ材の再資源化に関心を持っているのかを正確に把握できるようになりました。

お客様からも、これまで見えなかった関心層の動きが数字として分かるようになったとご評価をいただいています。収集したデータは今後の普及活動やフォローアップにも活用でき、ホームページを単なる情報発信の場から、新たな接点を生み出す窓口へと進化させました。

誰でも直感的に更新できるWordPressを導入

旧サイトはHTMLで制作されており、更新作業にはコードの知識が必要でした。担当者様が交代した場合に引き継ぎが難しく、人が変わるたびに更新が滞るリスクを抱えている状態です。

そこで今回のリニューアルでは、WordPressを導入し、専門知識がなくても更新できる環境を整えています。管理画面はコンテンツの種類に合わせてカスタマイズしており、入力項目ごとに操作のコツや注意点をコメントとして添えました。画面を見るだけで次に何をすべきか判断できるため、マニュアルを読み込む必要がありません。

これにより、お知らせの追加や活動内容の更新といった日常的な作業を、協会のご担当者様だけで完結できる体制が整いました。外部に依頼する手間と時間がなくなった分、必要なタイミングで情報を発信できる運用が実現しています。

どの端末でも快適に閲覧できるレスポンシブデザインを採用

旧サイトはパソコンでの閲覧のみを想定した設計でした。スマートフォンからアクセスすると文字が小さく表示され、指で拡大しながら読む必要があり、快適な閲覧環境とは言えない状態です。

今回のリニューアルでは、画面サイズに応じてレイアウトが自動で切り替わるレスポンシブデザインを採用しました。パソコンでは横並びで配置している要素を、スマートフォンでは縦に並べ替えることで、どちらの画面でも無理なく情報を読み進められる構成にしています。

ボタンやリンクの大きさにも配慮し、スマートフォンの画面でも指で正確にタップできるサイズを確保しました。文字の大きさや行間もデバイスごとに調整しており、拡大操作なしでそのまま読める表示を実現しています。

どの端末からアクセスしても、同じ情報を同じ快適さで閲覧できるホームページに仕上げました。