主な設計・制作実績

株式会社コンフィック 様

情報資産をデザインする技術力を可視化

創業10周年を迎えた株式会社コンフィック様は、自社の技術力と社名の由来を明確に伝えるため、公式Webサイトのリニューアルを決断されました。従来のコンテンツを活かしつつ、新たな訴求力のあるサイト構築が求められていました。

株式会社コンフィック 様
担当領域

要件整理 / UX設計 / 情報構造設計 / 制作ディレクション / 各種クリエイティブ

ゴール設定

社名の由来と技術領域を伝えて、企業理解を促進する

技術仕様

HTML Living Standard / CSS3 / JavaScript / WordPress

クリエイティブ

ブランディング / CI / コピー / ライティング / 撮影

WEBサイトを見る

施策／工夫

『Context × Graphic』という社名の由来を図版で可視化し、社名の奥行きと深みを伝えました。メインビジュアルには、情報（データ）を抽象化した右肩上がりに流れる粒子を配置し、『情報をデザインするテクノロジー』というコピーと組み合わせることで、技術の優位性を視覚的に表現しました。また、社名の由来や業務内容を丁寧に説明することで、企業の信頼性を高めました。

成果／影響

リニューアル後、社員一同が満足する訴求力のあるサイトとなり、社名の由来や業務内容の理解促進に貢献しました。お客様からは「従来のコンテンツを活かしつつ、新たな訴求力のあるサイトになり、大変満足しております」との声をいただいております。

お客様の声

創業10年の節目に公式Webサイトのリニューアルを相談しました。

弊社の業務や社名の由来等をヒアリングの上、サイトコンセプト検討から数点のデザイン案をご提案いただきました。従来のコンテンツを活かしつつ、新たな訴求力のあるサイトになり、社員一同、大変満足しております。
ありがとうございました。

学校法人 茅ヶ崎恵泉学園　恵泉幼稚園 様

園庭の魅力をそのまま伝えるWebサイトへ

自然豊かな園庭と、子どもたちののびのびとした日常。恵泉幼稚園様の最大の魅力をWeb上でどう伝えるかが大きな課題でした。保護者や地域の方々に向け、園の雰囲気をそのまま届けること。そして、四季折々の園の表情を発信できる仕組みを整えることが求められていました。

学校法人 茅ヶ崎恵泉学園　恵泉幼稚 様
担当領域

要件整理 / UX設計 / 情報構造設計 / 制作ディレクション / 各種クリエイティブ

ゴール設定

入園希望者への情報提供と入園案内申し込みの促進

技術仕様

HTML5 / CSS3 / jQuery / WordPress

クリエイティブ

ブランディング / 空撮 / 動画編集

WEBサイトを見る

施策／工夫

CMSを導入し、先生方が季節ごとの園庭や活動の様子を更新できる運用環境を整備しました。あわせて、手描きイラストや園児の作品を散りばめたデザインで、園らしさを表現しました。アニメーションや動きのある構成も加え、活気とあたたかみを感じさせるビジュアルに仕上げました。

成果／影響

「Webを見て入園を決めた」という声がアンケートでも多く寄せられるようになり、保護者への情報伝達だけでなく、ブランディング面でも高評価を獲得。遠方からの問い合わせも増加し、園の魅力がオンラインでもしっかりと伝わる“入口”として機能するWebサイトとなりました。

お客様の声

打ち合わせや空撮についてなど、遠い中で足を運んでいただき恐縮しておりましたが、お蔭様でわたしたちの幼稚園の雰囲気や特徴、魅力が伝わる素晴らしい構成とデザインのWEBサイトを作っていただき大変感謝しております。
また、入園希望者のアンケートでも「WEBサイトを見て興味を持ちました」という声が増えました。

株式会社トスネット 様

交通誘導警備や施設警備、イベント警備などの警備業務を展開する株式会社トスネット様。地域に根ざした活動を行う中で、企業の信頼感や安心感をWebサイトでどのように表現するかが課題でした。また、グループ企業との連携や社会貢献活動など、多岐にわたる情報を整理し、効果的に発信する必要がありました。

地域と信頼をつなぐ“らしさ”を形に

株式会社トスネット 様
担当領域

要件整理 / UX設計 / 情報構造設計 / 制作ディレクション / 各種クリエイティブ

ゴール設定

企業の信頼感と認知度を高め、サービス・商品の問い合わせを促進する

技術仕様

ムーバブルタイプ / PHP / HTML5 / CSS3 / jQuery

クリエイティブ

ブランディング

WEBサイトを見る

施策／工夫

「信頼感」と「堅実さ」をキーワードに、トレンドに左右されないUI設計を採用し、長期運用を前提とした構造を構築しました。グループ企業との連携性を高める情報設計に加え、親しみやすいトーンのテキスト・ビジュアルで企業の地域性を強調。また、CMSを導入することで、情報発信の柔軟性を確保し、社内での更新作業の効率化を図りました。

成果／影響

公開後1.5カ月で9件の社外問い合わせが発生し、これまでになかった反響を獲得。社内外ともに「情報がわかりやすくなった」と好評で、新サービスや社会貢献活動の発信も活性化。ブランディングと実務の両面で機能するWebサイトへと進化しました。

お客様の声

WEBサイトのリニューアル前は社外問い合わせは全く無かったのですが、WEBサイトリニューアル後は、１．５カ月の間に９件もありました。 大きな反響に驚いています。また、新サービスや社会貢献活動などの情報発信も容易になり、大変満足しております。

自治体Webサイト運用設計事例

“誰が更新しても崩れない”を実現する仕組み

自治体Webサイトの運用体制では、更新担当者のスキルや知識にばらつきがあることが多く、長期運用の中でデザインの統一性やアクセシビリティが崩れていくケースが課題でした。更新頻度の高い現場でも、誰が触っても一定の品質を保てる構造設計が求められていました。

省庁・自治体 様事例
担当領域

要件整理 / UX設計 / 情報構造設計 / 制作ディレクション / 各種クリエイティブ

ゴール設定

更新担当者が変わっても品質を保てる運用体制の構築

技術仕様

HTML5 / CSS3 / javascript

施策／工夫

「誰でも・迷わず・崩れない」更新を実現するため、コンポーネント単位でのデザイン設計と、アクセシビリティ基準を前提とした運用ルールを策定。運用者の知識に依存しない“ルールが機能する仕組み”を整えました。更新工数の軽減と品質担保の両立を、ガイドラインと設計仕様の両面から支援しました。

成果／影響

公開後の更新業務がスムーズになり、担当者交代時の引き継ぎも明確に。個々の知識や経験に左右されず、誰が更新してもアクセシビリティを保てるWeb運用体制が構築されました。ガイドラインにより、外部ベンダーを含めた制作体制全体の品質管理も可能となりました。

グローバル企業 様事例

複数の制作ベンダーが関わる大規模組織では、Webページごとの品質やアクセシビリティ対応にばらつきが生じがちです。ちょうどアクセシビリティ基準（WCAG）への対応が必要なタイミングでもあり、ベンダー各社間での制作ルールを統一し、品質を安定させる基盤の整備が求められていました。

大規模組織に求められる“アクセシビリティ”

グローバル企業 様事例
担当領域

要件整理 / ガイドライン策定 / プロトタイプ作成

ゴール設定

ベンダー各社へのデザイン仕様共有

技術仕様

Power Point / HTML CSS JavaScript

施策／工夫

現行ページの課題を整理し、構造・ラベル・色使いなどアクセシビリティ上の要点を明文化。誰が見ても実務に活かせる“共通言語”としてのガイドラインを策定しました。個別ページではなく、設計思想レベルでの対応ルールを整備することで、今後の新規制作や改修にも適用できる汎用性を確保しました。

成果／影響

導入後は、ベンダー間での品質差が減少し、全体の統一感と信頼性が向上。新規ページ制作の際も基準に沿って判断できる体制が整い、担当者レベルでの迷いが軽減されました。全社的なアクセシビリティ対応の基礎となるドキュメントとして、長期的な運用にも活用されています。

関連サービス