プロジェクト概要
- 業種：国際協力NGO
- 制作種別：コーポレートサイトリニューアル
- 担当範囲：企画／ディレクション／デザイン／コーディング／CMS構築
- 使用技術・CMS：WordPress（SWELL）
- 公開URL：https://www.wipeace.org
デザイン
トップページのキャッチコピーエリアでは、活動の臨場感と団体の温かみを伝えるため、複数の写真がゆるやかにズームしながら柔らかく切り替わる演出を採用しました。これにより、若者主体の活発な活動の様子と国際協力の広がりを印象的に表現しています。
配色はロゴカラーであるブルーを基調とし、濃淡のグラデーションや明るいトーンを組み合わせることで、「信頼」と「希望」を感じさせるビジュアルに設計しました。
フォントは可読性の高いシンプルな書体をベースに、セクションタイトルには若々しさと力強さを感じさせる書体を採用しています。
全体として、過度にカジュアルにならず、かつ堅くなりすぎないバランスを意識し、「信頼感を保ちながら若い世代にも親しみやすい」デザインを目指しました。
構築・機能
リニューアル案件として、既存サイトの使いにくさや情報整理の課題をヒアリングし、導線設計と構成を見直しました。
CMSには WordPress テーマ「SWELL」を採用し、納品後もお客様自身で画像やテキストの更新が行える運用性の高いサイトを実現しています。
また、日本語・英語の両言語に対応し、国内外の支援者や関係者へ向けた情報発信が可能な構成としました。