ITA合同会社様のコーポレートサイトを新規制作しました。

企業の経理・財務、内部統制、内部監査、情報システム、監査法人のご担当者が、相談できる領域と具体的な支援内容を把握できるサイトを目指しました。ご提供資料をWeb向けに整理し、専門性の理解から課題の照合、サービスの確認、お問い合わせへ進める流れを設計しています。

サイトURL

IT統制・内部統制評価・IT監査支援｜ITA合同会社

ITA合同会社は、会計監査・IT監査で培った実務経験を基盤に、企業の内部統制とIT監査を支援する専門会社です。上場企業・上場準備企業・監査法人を対象に、J-SOX経営者評…

it-a.co.jp

ITA（同）様について

ITA合同会社様は、監査実務の経験をもとに、IT統制の評価・構築や内部統制、内部監査、ITリスク管理などを支援されています。会計・監査・ITの3つの専門性を組み合わせ、企業や監査法人の実務を支える会社です。

制作の背景・目的

今回のご相談は、ITA合同会社様の専門性と支援内容を伝えるコーポレートサイトの新規制作でした。企業の経理・財務、内部統制、内部監査、情報システム、監査法人など、複数の立場の方が訪れることを想定して構成を検討しました。

制作前の打ち合わせでは、信頼感とフォーマルな印象を大切にし、シンプルで上品なデザインにしたいという方針を共有いただきました。監査実務を経験した専門家が直接支援する特徴を、サイトの文章と見た目の両方で伝えることを目指しています。

ご提供資料には専門領域や強みがまとめられていました。NT CREATIONでは、初めて訪れる方が「どの領域を相談できるか」「自社の課題にどう対応してもらえるか」を理解できる順序へ情報を組み直し、Webサイト用の文言を整理しました。

専門性の理解から、自社課題との照合、具体的なサービスの確認、相談へ進める流れを設計の軸にしています。専門用語の多い事業でも、依頼を検討する方が必要な情報を順番に確かめられる構成としました。

制作のポイント

会計・監査・ITの専門性を図解で表現

ITA様の特徴を表すのが、「会計・監査・IT」の3つの専門性です。トップページのファーストビューでは、この関係を短い時間で理解していただくため、図解を大きく配置しました。

図解は、ご提供いただいた画像の構成と意図をもとに、サイト全体へなじむ配色、文字、アイコンへ整えたものです。3領域がITA様へ集約される構造を保ち、サービスの背景にある強みを視覚的に伝えています。

メインの文章ではIT統制の評価・構築と監査実務の経験を示し、図解と役割を分担させました。文章で支援内容を把握し、図で専門性の組み合わせを理解できる見せ方です。

課題とサービスを結び付ける構成

サービスは、IT統制評価支援、内部統制構築支援、内部監査支援、監査法人向けIT監査支援、情報セキュリティ・ITリスク管理支援の5領域に整理しました。サービス一覧で全体像を確認した後、個別の詳細ページへ進めます。

詳細ページは「対象となる企業・部門」「よくある課題」「主な支援内容」「成果物例」「ITA様の特徴」「支援の進め方」を共通の流れで掲載。依頼後に何を支援してもらえるのかを、相談前に具体的に把握できるようにしました。

また、「よくある課題・お悩み」のページでは、企業のご担当者と監査法人の方で案内を分け、気になる課題から該当するサービスへ進める構成としています。サービス名が決まっていない段階でも、現在の困りごとを入口に検討できます。

サービス詳細の末尾には他のサービスへのリンクを設け、関連する支援領域も確認できるようにしました。ページを比較する際も、見出しや情報の並びが揃っているため、支援範囲を読み比べやすくなっています。

信頼感と読みやすさを両立したデザイン

デザインはブルーを基調に、白や明るいグレーの背景、細い罫線、線画のアイコンを組み合わせています。建築をモチーフにした画像を取り入れ、落ち着きと奥行きのある画面に仕上げました。

情報量の多いサービス紹介では、番号、アイコン、名称、説明の位置を揃えて一覧性を確保。本文の横幅と行間、背景色の切り替えによって、長い文章も区切りを意識しながら読めるようにしています。

代表者紹介では、写真に加えて経歴、専門領域・資格を整理し、どのような経験を持つ専門家が対応するのかを伝えました。人物写真の大きさと周囲の余白も確認し、ページ全体の情報量とバランスを調整しています。

スマートフォンでは、IT統制や内部統制などの語句が不自然な位置で分かれないよう見出しの改行にも配慮。専門的な内容を、端末の違いに合わせて読みやすく届けることを重視しました。

端末に合わせたお問い合わせ導線

サービスを理解した後にすぐ相談できるよう、PCではヘッダー、スマートフォンでは画面下部にお問い合わせボタンを固定しました。画面を大きく戻らずに連絡先へ進める配置です。

各ページの末尾にもお問い合わせ案内を設け、支援内容や会社情報を読み終えた方が、そのまま相談へ進める構成としました。案内を置く位置とページ間の移動は、ワイヤーフレームの段階でご提案し、ご確認いただきながら整えています。

フォームは相談分野と現在の状況を伝えられる項目構成とし、依頼するサービスをまだ決めていない方も連絡しやすい設計にしました。必須項目と入力欄を整理し、スマートフォンからの入力にも配慮しています。

デザインのポイント

• 専門性と信頼感を伝えるブルー基調の配色
• 会計・監査・ITの関係を示すオリジナル図解
• 5つのサービスを比較しやすい一覧と共通レイアウト
• 長文や専門用語を読みやすくする本文幅・行間・改行設計

実装・CMS構築

• WordPressによる更新機能
• PC・スマートフォンのレスポンシブ対応
• サービス詳細ページと課題別の案内
• お知らせ更新機能・お問い合わせフォーム

制作範囲

• サイト構成・ワイヤーフレーム設計
• Web向けの情報・文言整理
• 全体デザイン・図解制作
• WordPress構築・お知らせ更新機能
• お問い合わせフォーム・レスポンシブ対応

専門性の高い事業のホームページ制作をご検討の方へ

「事業内容が専門的で説明が難しい」「サービスが複数あり、ホームページの構成を決められない」「自社の強みが資料の中に埋もれている」。こうした課題は、掲載する情報と伝える順序を整理するところから改善を進められます。

ITA様の制作では、ご提供資料を読み込み、強みと各サービスの役割を整理してからワイヤーフレームを作成しました。構成案、デザイン、WordPress構築の各工程でご確認いただき、文言や導線、図解の意図を共有しながら進めています。

専門知識を持つお客様に内容をご確認いただき、NT CREATIONが初めてサイトを見る方へ伝わる構成と表現を提案する。この役割分担で、事業の正確さと閲覧者の分かりやすさを両立することを目指しました。

WordPressには、お客様側で発信できるお知らせ更新機能も整備しています。公開時には全13ページの表示と主要な導線を確認し、検索エンジン向けの公開設定、サイトマップ送信、GA4の初期設定まで対応しました。

NT CREATIONでは、サイト設計、文言整理、デザイン、図解、構築まで一貫してご相談いただけます。資料は揃っているものの、サイトでどう見せるかお悩みの方も、現在の事業とご希望をお聞かせください。