主な設計・制作実績
株式会社高尚エンジニアリング 様
積み上げた技術と企業姿勢を、伝わる形に
約10年前に制作したホームページが、現在の高尚エンジニアリングの姿を十分に伝えられなくなっていました。求められたのは、「どんな会社で、どんな姿勢で仕事をしているのか」が取引先に伝わるホームページへのリニューアル。技術や品質に加え、環境、教育、健康、人への取り組みなど、これまで表に出ていなかった企業姿勢を伝えることが課題でした。
担当領域
要件整理 / コンセプト設計 / UX設計 / 情報構造設計 / 制作ディレクション / 各種クリエイティブ
ゴール設定
取引先に「これからも安心して設備を任せられる会社」と伝える。
技術仕様
HTML Living Standard / CSS3 / JavaScript / PHP / WordPress / MySQL
クリエイティブ
ブランディング / CI / コピーライティング / コンテンツライティング / 情報設計 / UX・UI
施策／工夫
強みを「技術・品質・環境・教育・誠実」の5つと定義し、ホームページ全体を設計する軸としました。「確かな技術」と「サステナビリティ」を中心に、それぞれの強みを関連付けて巡回できる構成としています。社員座談会では、現場の声から仕事への姿勢や「高尚らしさ」を抽出し、事業紹介や採用コンテンツに反映。既存取引先への信頼形成をゴールとし、公開後は社員自身が情報発信を続けられるよう、CMS・権限・運用体制まで構築しています。
株式会社コンフィック 様
情報資産をデザインする技術力を可視化
創業10周年を迎えた株式会社コンフィック様は、自社の技術力と社名の由来を明確に伝えるため、公式Webサイトのリニューアルを決断されました。従来のコンテンツを活かしつつ、新たな訴求力のあるサイト構築が求められていました。
担当領域
要件整理 / UX設計 / 情報構造設計 / 制作ディレクション / 各種クリエイティブ
ゴール設定
社名の由来と技術領域を伝えて、企業理解を促進する
技術仕様
HTML Living Standard / CSS3 / JavaScript / WordPress
クリエイティブ
ブランディング / CI / コピー / ライティング / 撮影
施策／工夫
『Context × Graphic』という社名の由来や技術力を視覚的に伝え、形のない企業価値に奥行きと深みをもたせました。メインビジュアルでは、情報（データ）を抽象化した右肩上がりに流れる粒子と『情報をデザインするテクノロジー』というコピーを組み合わせ、技術力を視覚的に表現しました。また、社名の由来や業務内容を丁寧に説明し、企業への理解と信頼につなげました。
成果／影響
リニューアル後、社員一同が満足する訴求力のあるサイトとなり、社名の由来や業務内容の理解促進に貢献しました。お客様からは「従来のコンテンツを活かしつつ、新たな訴求力のあるサイトになり、大変満足しております」との声をいただいております。
お客様の声
創業10年の節目に公式Webサイトのリニューアルを相談しました。
弊社の業務や社名の由来等をヒアリングの上、サイトコンセプト検討から数点のデザイン案をご提案いただきました。従来のコンテンツを活かしつつ、新たな訴求力のあるサイトになり、社員一同、大変満足しております。
ありがとうございました。
学校法人 茅ヶ崎恵泉学園 恵泉幼稚園 様
園庭の魅力をそのまま伝えるWebサイトへ
自然豊かな園庭と、子どもたちののびのびとした日常。恵泉幼稚園様の最大の魅力をWeb上でどう伝えるかが大きな課題でした。保護者や地域の方々に向け、園の雰囲気をそのまま届けること。そして、四季折々の園の表情を発信できる仕組みを整えることが求められていました。
担当領域
要件整理 / UX設計 / 情報構造設計 / 制作ディレクション / 各種クリエイティブ
ゴール設定
入園希望者への情報提供と入園案内申し込みの促進
技術仕様
HTML5 / CSS3 / jQuery / WordPress
クリエイティブ
ブランディング / 空撮 / 動画編集
施策／工夫
先生方が季節ごとの園庭や活動の様子を継続して発信できるようCMSを導入し、更新しやすい運用環境に整備しました。デザインには手描きイラストや園児の作品を取り入れ、園らしさを表現。アニメーションや動きのある構成も加え、日々の活気とあたたかみが伝わるビジュアルに仕上げました。
成果／影響
「Webを見て入園を決めた」という声がアンケートでも多く寄せられるようになり、保護者への情報伝達だけでなく、ブランディング面でも高評価を獲得。遠方からの問い合わせも増加し、園の魅力がオンラインでもしっかりと伝わる“入口”として機能するWebサイトとなりました。
お客様の声
打ち合わせや空撮についてなど、遠い中で足を運んでいただき恐縮しておりましたが、お蔭様でわたしたちの幼稚園の雰囲気や特徴、魅力が伝わる素晴らしい構成とデザインのWebサイトを作っていただき大変感謝しております。
また、入園希望者のアンケートでも「Webサイトを見て興味を持ちました」という声が増えました。
株式会社トスネット 様
交通誘導警備や施設警備、イベント警備などの警備業務を展開する株式会社トスネット様。地域に根ざした活動を行う中で、企業の信頼感や安心感をWebサイトでどのように表現するかが課題でした。また、グループ企業との連携や社会貢献活動など、多岐にわたる情報を整理し、効果的に発信する必要がありました。
地域と信頼をつなぐ“らしさ”を形に
担当領域
要件整理 / UX設計 / 情報構造設計 / 制作ディレクション / 各種クリエイティブ
ゴール設定
企業の信頼感と認知度を高め、サービス・商品の問い合わせを促進する
技術仕様
ムーバブルタイプ / PHP / HTML5 / CSS3 / jQuery
クリエイティブ
ブランディング
施策／工夫
「信頼感」と「堅実さ」をキーワードに、トレンドに左右されないUI設計を採用し、長期運用を前提とした構造を構築しました。グループ企業との連携性を高める情報設計に加え、親しみやすいトーンのテキスト・ビジュアルで企業の地域性を強調。また、CMSを導入することで、情報発信の柔軟性を確保し、社内での更新作業の効率化を図りました。
公開後1.5カ月で9件の社外問い合わせが発生し、これまでになかった反響を獲得。社内外ともに「情報がわかりやすくなった」と好評で、新サービスや社会貢献活動の発信も活性化。ブランディングと実務の両面で機能するWebサイトへと進化しました。
お客様の声
Webサイトのリニューアル前は社外問い合わせは全く無かったのですが、Webサイトリニューアル後は、１．５カ月の間に９件もありました。 大きな反響に驚いています。また、新サービスや社会貢献活動などの情報発信も容易になり、大変満足しております。
自治体Webサイト運用設計事例
“誰が更新しても崩れない”を実現する仕組み
自治体Webサイトの運用体制では、更新担当者のスキルや知識にばらつきがあることが多く、長期運用の中でデザインの統一性やアクセシビリティが崩れていくケースが課題でした。更新頻度の高い現場でも、誰が触っても一定の品質を保てる構造設計が求められていました。
担当領域
要件整理 / UX設計 / 情報構造設計 / 制作ディレクション / 各種クリエイティブ
ゴール設定
更新担当者が変わっても品質を保てる運用体制の構築
技術仕様
HTML5 / CSS3 / javascript
施策／工夫
「誰でも・迷わず・崩れない」更新を実現するため、コンポーネント単位でのデザイン設計と、アクセシビリティ基準を前提とした運用ルールを策定。運用者の知識に依存しない“ルールが機能する仕組み”を整えました。更新工数の軽減と品質担保の両立を、ガイドラインと設計仕様の両面から支援しました。
成果／影響
公開後の更新業務がスムーズになり、担当者交代時の引き継ぎも明確に。個々の知識や経験に左右されず、誰が更新してもアクセシビリティを保てるWeb運用体制が構築されました。ガイドラインにより、外部ベンダーを含めた制作体制全体の品質管理も可能となりました。
グローバル企業 様事例
複数の制作ベンダーが関わる大規模組織では、Webページごとの品質やアクセシビリティ対応にばらつきが生じがちです。ちょうどアクセシビリティ基準（WCAG）への対応が必要なタイミングでもあり、ベンダー各社間での制作ルールを統一し、品質を安定させる基盤の整備が求められていました。
大規模組織に求められる“アクセシビリティ”
担当領域
要件整理 / ガイドライン策定 / プロトタイプ作成
ゴール設定
ベンダー各社へのデザイン仕様共有
技術仕様
Power Point / HTML CSS JavaScript
施策／工夫
現行ページの課題を整理し、構造・ラベル・色使いなどアクセシビリティ上の要点を明文化。誰が見ても実務に活かせる“共通言語”としてのガイドラインを策定しました。個別ページではなく、設計思想レベルでの対応ルールを整備することで、今後の新規制作や改修にも適用できる汎用性を確保しました。
成果／影響
導入後は、ベンダー間での品質差が減少し、全体の統一感と信頼性が向上。新規ページ制作の際も基準に沿って判断できる体制が整い、担当者レベルでの迷いが軽減されました。全社的なアクセシビリティ対応の基礎となるドキュメントとして、長期的な運用にも活用されています。
蔵王ブルーベリーファーム 様
訪れたくなる空気感を、そのままWebへ
蔵王の豊かな自然と、ブルーベリー摘み取り体験の魅力を、Webサイトでもそのまま伝えることが大きな課題でした。現地の楽しさを事前に想像できるようなビジュアル設計に加え、来場を迷うユーザーに“行ってみたい”と感じさせる空気づくりが求められていました。
担当領域
情報構造設計 / 制作ディレクション / 各種クリエイティブ
ゴール設定
来場とWeb SHOPへの誘導
技術仕様
HTML5 / CSS3 / jQuery
クリエイティブ
ブランディング
施策／工夫
現地で撮影した写真を大胆に使い、視覚的に“自然の中にいる”感覚を演出。季節を問わず訪れたくなる農園として、爽やかで明るい印象を前面に押し出しました。Webショップへの導線も視認性を重視し、レスポンシブ対応によってスマホユーザーからのアクセスにも配慮した構成としました。
成果／影響
「雰囲気が楽しそう」「デザインが素敵」といった声が増え、観光パンフレットとは異なる新たな接点として活用されました。サイト閲覧をきっかけに来園を決めたという声もあり、農園のブランディング強化に寄与。地域の魅力を丁寧に伝える静的コンテンツとして、長期的な資産となっています。
お客様の声
デザインが素敵、楽しそうな雰囲気が伝わってくる、女の子の雰囲気が良い、などの意見がありました。
関連サービス
- 発注のための要件整理
発注前の構造整理と合意形成支援 - Web戦略設計
サイトの役割定義と戦略配置設計 - Web UI/UX設計（SaaS／業務系）
画面構造と体験設計の専門支援