制作実績
名古屋青年会議所ウェブサイトのリニューアルは、今年で3回目の全面刷新。前回からベースカラーであるブルーはそのままに、特色の変更やイラスト活用によって、動きのあるポップでかわいらしいサイトへと進化しました。どうしても固くなりがちな青年会議所の印象を払拭し、一般の方にも親しみやすく見やすいデザインを目指しています。
ファーストビューや各セクションには、柔らかな手描き風イラストやコミカルなアニメーション効果を導入。これによって、硬派なイメージの中にも「親近感」「フレンドリーさ」「アート性」を感じさせる空間を演出しました。特に、メンバー紹介やイベントスケジュールでは、イラストが彩りと動きを加えることで、閲覧体験に心地よいリズム感をもたらしています。
さらに背景動画も弊社で編集し、サイト上に配置。静と動を組み合わせたレイアウトで、情報の受け取りやすさはそのままに、躍動するJCらしさを表現できました。当該動画はループ再生で、訪問者に“行動する団体”としての印象を強く印象付けます。
また、構造面では「活動報告」「事業スケジュール」「入会案内」など主要コンテンツへの導線を視覚的に整理。イラストを活かしつつも、要所に配置されたボタンやリンクの視認性・クリックしやすさを優先し、誰でも迷わないユーザビリティを確保しております。
全体として、温かみにあふれるインターフェースで伝える構造になっています。今後も広報誌「Maz-motte」などのコンテンツ配信にも対応しやすい、スケーラブルで更新しやすいCMS設計へと仕上げました。
担当者コメント
デザイン/
コーディング
担当より
JCという組織は、地域に根ざしつつも将来を担う人材の育成や社会課題への取り組みなど、公的な印象が強くなりがちです。そこで今回は、「親しみやすさ」と「活動の真剣さ」を同時に伝えるバランス感を常に意識しました。
第一に、「イラストとアニメーションによる柔らかさの演出」です。固くなりやすい政治・行政的な内容も、手描き風イラストと動きを取り入れることで、閲覧者の心理的なハードルを下げ、親しみやすい印象を与えています。また、活動報告やイベント紹介に華やかな色味とかわいらしい要素を加えることで、青年会議所の“顔”を感じられるサイト体験にしました。
第二に、背景動画の導入です。弊社で編集した名古屋JCメンバーの真剣な表情・地域貢献の瞬間・イベントの盛り上がり…これをファーストビューや中段背景に配置し、サイト全体に“生きている広報“のような臨場感を構築しました。動画は自然にループ再生され、訪問者にJC活動の息づかいを感じてもらえる設計です。
さらに、ユーザビリティにも徹底配慮しました。固いコンテンツをカジュアルに見せる一方で、「入会案内」や「お問い合わせ」は明確なボタンデザインで視認性を保ち、目的に合わせた導線設計を実装。年齢・属性問わず、スムーズに次のアクションに移れるよう心掛けています。
「地元名古屋をより良くしたい」という情熱と、「一人ひとりのメンバーが輝く」という理念を、明るく、動きのあるインターフェースで表現することが最大の狙いでした。今後も、活動報告やメンバー紹介、Maz‑motteといった広報コンテンツを随時更新できるようなCMS設計となっていますので、現場と連携しながら長く愛されるサイトへ育てていければと願っています。

担当:足立 お気軽にお問合わせ下さい。
ZOOMかお電話かメールにて、
お気軽にお問合わせ下さい。
Catworkには名古屋市を中心に、全国からたくさんのご依頼をいただきます。
電話、メール、ZOOM、Line、チャットワーク等様々なツールを使ってやり取りをさせていただいております。
製作開始から運用まで距離を感じさせない対応を心がけていきます。このたびはCatworkのホームページをご覧いただき誠にありがとうございます。
これからもCatworkをよろしくお願いいたします。