ホームページ制作
人と人がつながる、温かなコミュニティをデザインで可視化
市民団体CPAのサイト
- 成 果|Results
- CPAの人柄や雰囲気が伝わる温かみのあるデザインに刷新し、会員紹介や活動内容を視覚的に表現することで、参加への安心感と親しみやすさを高めました。見出しアニメーションなど動きのある仕掛けも加えることで、Web上でも「楽しい空気感」が伝わる構成に仕上げました。
- 概 要|Overview
- 静岡県を拠点としたコミュニティ「CPA」の公式サイト制作を担当。人とのつながりを大切にする団体の特色を、オレンジ系の配色や柔らかいレイアウトで表現しました。
会員紹介ページや活動内容を視覚的に整理し、「どんな人がいるのか」「何をしているのか」が初見でも分かるような導線設計を意識しました。
- 依頼背景|Background
- 従来のサイトではCPAの雰囲気や活動内容が十分に伝わっておらず、参加検討者にとって情報が分かりづらいという課題がありました。新たに「楽しさ」や「人とのつながり」をデザインで伝えられるサイトを求められていました。
- 使用ツール|Tools Used
-
- Figma:デザイン設計・ワイヤーフレーム
- Ilustrator / Photoshop:画像制作・ロゴ調整
- HTML / CSS / JavaScript / PHP(実装パートナーと連携)
- WordPress(オリジナルテーマ作成)
- 可能範囲|Scope of Work
-
- コンセプト設計・配色提案
- 見出しや要素のアニメーション設計
- 会員紹介・活動紹介ページの構成設計
- スマホ対応を考慮したUI設計
- 実装者とのディレクション・納品管理
- 工夫したこと|Ingenuity
- 見出しにアニメーションを加えることで、サイトを開いた瞬間から「楽しさ」や「にぎやかさ」が伝わるように工夫しました。また、コンテンツ量をしっかり確保し、会員紹介や活動報告などさまざまな情報を掲載することで、訪問者がCPAの活動を具体的にイメージしやすい構成に仕上げました。