QUOITWORKS(クオートワークス)

東京のデザイン会社QUOITWORKS（クオートワークス）の広報アカウントです。主に制作実績や告知の他、デジタルやデザインをどう事業発展に活かして良いのかわからないお客さま向けに、専門的で有益な内容を限界まで噛み砕いて元気に発信しています☀️

[QUOITWORKS(クオートワークス) @quoitworks]

＜制作実績＞
注文住宅受注数No.1「フリーダムアーキテクツ」のテック法人『FREEDOM X』のサイトを制作。業界標準SaaS『ランディ』の開発元です。

戦略・ブランディング・コピー・実装まで全行程を担当。業界の巨人が仕掛けるDXの「思想」を上流から形にしました。

⚫︎URL
https://t.co/P5v4goQdKV

[QUOITWORKS(クオートワークス) @quoitworks]

AIで制作することにおいて、会社としてどう考えているのか、公式に発信する必要があると思ってて、1ヶ月くらいかけてまとめました。

⚫︎AIでWeb制作、自社で進められる範囲とプロに頼む価値がある3つの領域。丸2年以上AIを課金した制作会社が思うこと。https://t.co/LZKZOEJBZu

[QUOITWORKS(クオートワークス) @quoitworks]

＜制作実績＞
注文住宅受注数No.1「フリーダムアーキテクツ」のテック法人『FREEDOM X』のサイトを制作。業界標準SaaS『ランディ』の開発元です。

戦略・ブランディング・コピー・実装まで全行程を担当。業界の巨人が仕掛けるDXの「思想」を上流から形にしました。

⚫︎URL
https://t.co/P5v4goQdKV

[QUOITWORKS(クオートワークス) @quoitworks]

⚫︎クレジット
Development:今裕暉（QUOITWORKS Inc.）
Design:内田茜
Assistant:石倉由麻（QUOITWORKS Inc.）
Planning, Direction, Art Direction, Designムラマツヒデキ（QUOITWORKS Inc.）

[QUOITWORKS(クオートワークス) @quoitworks]

＜制作実績＞
注文住宅受注数No.1「フリーダムアーキテクツ」のテック法人『FREEDOM X』のサイトを制作。業界標準SaaS『ランディ』の開発元です。

戦略・ブランディング・コピー・実装まで全行程を担当。業界の巨人が仕掛けるDXの「思想」を上流から形にしました。

⚫︎URL
https://t.co/P5v4goQdKV

[QUOITWORKS(クオートワークス) @quoitworks]

約1年前は自社サイトをリニューアルしました。
本稿では、実施の背景・戦略・結果をレポートとして整理します。

弊社は制作して終わりではなく公開後の「変化」まで責任を持つことを重視しています。
その成果としてアクセス数は118%増、問い合わせ数は2.5倍となりました

https://t.co/1kYjdcwH6l

[竹内 文弥｜グローバル・リンク・マネジメント（3486）IR担当 @takeuchi_GLM_ir]

採用サイト・コーポレートサイトともに、
制作はQUOITWORKS��んにご担当いただいています✨

昨年はアクセシビリティ対応を含め、
かなり細かい部分まで段階的にリニューアルしてきた取り組みが、
今回の日興アイ・アール様の評価にもつながりました！
いつもありがとうございます🙇‍♂️
@muuuuu_chang

[QUOITWORKS(クオートワークス) @quoitworks]

見た目のスタイリングも得意ですが、こうしたIR／情報開示領域は 裏側の設計（情報設計・導線・コンテンツ整理・アクセシビリティ／多言語） まで含めて強みです。
だからこそ外部評価につながった事例として、弊社担当サイトで 2社目 になりました。
（過去事例）https://t.co/5s7XkQSnDl

[QUOITWORKS(クオートワークス) @quoitworks]

長年伴走している GLM（3486） 様サイトが
日興アイ・アール「上場企業HP充実度ランキング（2025年度）」総合部門 “優秀サイト” に初選出。

弊社は 見た目だけでなく
・コンテンツ提案／情報設計
・アクセシビリティ／多言語
まで一貫して担当。

全上場3,937社中、優秀は153社（約4%）

[QUOITWORKS(クオートワークス) @quoitworks]

<実績紹介>
以前弊社で制作した東証プライム企業「グローバル・リンク・マネジメント」様のサイトを3年ぶりにリニューアルしました！

・アクセシビリティA取得
・IR、多言語の大幅拡充
・拡張性重視のUIアップデート

等、大手企業に求められる必要な要素全てを
強化したサイトへと進化させました。

[QUOITWORKS(クオートワークス) @quoitworks]

GLM様このたびは本当におめでとうございます！！🎉
そして何より長年にわたって私たちを信頼して重要な領域を任せ続けてくださり、本当にありがとうございます。企画から情報設計、アクセシビリティや多言語まで、ここまで一緒に積み上げてこられたこと自体が大きな誇りです。
https://t.co/iF8RgB6aEQ

[ムラマツヒデキ｜クオートワークス @muuuuu_chang]

＜ムーテレ公開＞
⚫︎弊社に実際に落ちた！受かった！ポートフォリオ超解説

久々のムーテレはこちら！
タイトル通り前代未聞のワイルドな企画でございます！
法令遵守ギリギリの企画w
乞うご期待！20時公開します！

⚫︎URL
https://t.co/IJH8bwsOeH

[QUOITWORKS(クオートワークス) @quoitworks]

＜実績紹介＞
プロジェクト支援とAI導入で組織変革���先進的に行う企業「クロスバリュー」の総合的なブランディングを弊社で担当いたしました！

対応範囲：ブランディング/ロゴ/メインコピー制作/情報設計/コピー開発/Webデザイン/実装

https://t.co/2bzDcE6gBt

[QUOITWORKS(クオートワークス) @quoitworks]

＜実績紹介＞
プロジェクト支援とAI導入で組織変革を先進的に行う企業「クロスバリュー」の総合的なブランディングを弊社で担当いたしました！

対応範囲：ブランディング/ロゴ/メインコピー制作/情報設計/コピー開発/Webデザイン/実装

https://t.co/2bzDcE6gBt

[QUOITWORKS(クオートワークス) @quoitworks]

こちら2025年10月28日の発売の
MdN様より出版の
「アートディレクター／デザイナーのラフスケッチ一流クリエーターの着想と具現化の実例250」
に有難い事に掲載いただけました！

かなり緻密に作ったWFからどんなデザインが出来るのか初めて出したので興味がある方是非！
https://t.co/s6hCnFZeYU

[QUOITWORKS(クオートワークス) @quoitworks]

こちらお客様の声を頂きました！
貴重なお時間頂きありがとうございます！！！

⚫︎3年ぶりに２度目のリニューアル。
お客様の声：上場企業グローバル・リンク・マネ���メント様サイトリニューアル
https://t.co/HB5E2YKgWC

[QUOITWORKS(クオートワークス) @quoitworks]

◼️制作コンセプト
＜1.教科書通りのアプローチでは解決できない本質的課題の特定＞
制作開始時、当初の課題設定はマーケティング施策の実行に偏っていました。しかし、AIで平均点は簡単に取れる現代において、「教科書通りの当たり前」を当たり前にやるだけでは、期待を超え心を揺さぶることはできません。
そこで私たちが着目したのが、表面に現れていなかった真の課題「インフォバーン様の思想の解像度を上げる」ことでした。同社は表層的なデザインが先行した課題解決を是としていない組織であり、「インフォバーンらしいビジュアル」「先進的なデザイン」といった表層的な表現では、同社の本質的価値を伝えることはできないと判断したためです。

＜2.「言葉のデザイン」による戦略的アプローチ＞
インフォバーン様が是とするデザインとは「単なる表現技術ではなく、世界の本質を捉え、それを意味のある形で伝える能力」です。この理解に基づき、私たちは伝達の肝となる「言葉のデザイン」から着手しました。
開発した「CONTENT AS DESIGN」は、市場で依然として別々に考えられているデザインとコンテンツを「統合された一つの価値」として再定義する言語表現です。「CONNECT TO CREATE」と組み合わせることで、英語と日本語が交互に切り替わり、組み合わせと切り替えによって意味に立体感とストーリーを持たせる設計を実現しています。

＜3.言葉自体をトリガーとしたアイデアの��装＞
この提案の核心は、単なる言葉の羅列ではなく、「言葉自体をトリガーとしたアイデアの実装」であることです。多くのウェブサイトが美しいビジュアルや流行のアニメーションに頼る中、私たちは「言葉自体をトリガーとして、アイデアが駆動するデザイン」という独自の表現方法を追求しました。
これは視覚的な派手さではなく、意味の深さと言葉選びから生まれる質の高さによる本質的差別化であり、「華美なだけの見た目や、実質を伴わないショーアップ」を避けた、インフォバーン様にしかできない表現として実現しています。

[QUOITWORKS(クオートワークス) @quoitworks]

＜実績紹介＞
1998年創業「対話を生み、価値を創る」を掲げGizmodo日本版の立ち上げにも関わるなどメディアに深い知見を持つインフォバーン様の企業サイトを弊社で担当しました

対応範囲：プランニング/情報設計/ブランド設計/コピー開発/デザイン

⚫︎URL
https://t.co/r8rYYuO6so

[QUOITWORKS(クオートワークス) @quoitworks]

■リニューアルの背景
インフォバーン様は1998年の創業以来、「編集力」を核としたコンテンツプロデュース領域で多くの企業様にご評価いただいてきました。近年は、この強みを基盤としながら、デザイン思考を活用したブランド開発支援や新規事業支援へと領域を拡大。さらに、戦略立案から実行まで一気通貫でサポートする「複合的なブランディング支援」への需要が急速に高まっています。
しかしながら、従来のコーポレートサイトでは、拡大・進化し続ける同社の真の価値を十分にお伝え���きていませんでした。「コンテンツ制作が得意な会社」という認識に留まり、戦略立案力やデザインコンサルティング力、そして各領域を横断した総合的な支援力が見えにくい状況が続いていました。
今回のリニューアルでは、別サイトで運営していた「Infobahn Design Lab（IDL）」の機能も統合し、全社一体となった価値提供体制を可視化。コンテンツ、デザイン、ブランディング、事業開発支援まで、企業の成長を多角的に支える真のパートナーとしての姿を明確に発信することを目指しました。

■新コーポレートサイトのポイント
＜1. 戦略性を表現する情報アーキテクチャの構築＞
従来の断片的なサービス紹介を一新し、「デザインコンサルティング」「ブランディング」「コミュニケーションデザイン」「コンテンツプロデュース」の4事業を軸と��た体系的な情報設計を実現。訪問者の課題に対して「どのサービスがどう貢献するか」「複数サービスをどう組み合わせるか」が一目で理解できる構成としました。これによ��、単発の制作依頼ではなく、戦略的なパートナーシップを求める企業との出会いを促進します。

＜2. 実績とケイパビリティの可視化強化＞
これまで十分に伝えきれていなかった同社の真の実力を、豊富な事例とともに具体的に提示。大手企業様との長期パートナーシップ実績を通じて、戦略立案から実行まで一貫してサポートする価値を明確化しました。また、検索・絞り込み機能の強化により、業界や課題別での事例探索も容易になっています。

＜3. ユーザー体験を重視したマルチレイヤー設計＞
BtoBの複雑な意思決定プロセスを考慮し、「概要把握→詳細検討→社内共有」の各段階に最適化されたページ構造を採用。トップページで全体像を掴んだ後、関心領域に応じて段階的に深い情報へアクセス可能な設計により、検討初期から提案依頼まで��訪問者のあらゆるフェーズをサポートする構造��しています。

＜4. 継続的な価値提供を支えるプラットフォーム化＞
単なる情報発信サイトから、訪問者との継続的な関係構築を支援するプラットフォームへと進化。専門知見を共有するブログ、実践的なダウンロード資料、オンラインセミナーへの導線を統合し、初回接触から長期パートナーシップまで、一貫したカスタマージャーニーをデザインしました。

[QUOITWORKS(クオートワークス) @quoitworks]

ビフォー/アフター

[QUOITWORKS(クオートワークス) @quoitworks]

＜クレジット＞

⚫︎クライアント
インフォバーン様

⚫︎プランニング、ディレクション、コピー開発、アートディレクション、デザイン
ムラマツヒデキ（クオートワークス

⚫︎デザイン
ムラマツヒデキ（クオートワークス
内田茜（クオートワークス

⚫︎実装
瀧口 裕矢（Re:design

[ムラマツヒデキ｜クオートワークス @muuuuu_chang]

＜定期ポスト＞
10/18にポートフォリオ添削イベントをやります！
※現地参加・オンライン・アーカイブありなので時間場所問わず参加可能です

⚫︎イベント概要はこちら
https://t.co/mFet4G2ioW

⚫︎添削ポートフォリオ応募フォーム
https://t.co/sUnMStW5y5