ホームページ制作

人と人がつながる、温かなコミュニティをデザインで可視化

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

お問い合わせ

contact

※営業のご連絡はお断りをしております。