NTT-ATクリエイティブ株式会社（コーポレートサイト） 様

概要・課題

NTT-ATクリエイティブ様は、NTTグループの一員として、精密洗浄を中心としたクリーンビジネスや、精密作業などのアウトソーシングを行う企業様です。

既存サイトは公開から年数が経過しており、デザイン面の古さに加え、ページ数が多く情報が複雑化している点が課題となっていました。事業内容や技術情報など専門性の高い情報を扱うサイトであるため、ユーザーが必要な情報へスムーズにたどり着けるよう、ページ構成や導線、検索機能の使いやすさを見直す必要がありました。

アライブでは、既存ページの情報を整理し、ユーザー目線での導線設計を再構築。企業としての信頼感を保ちながら、事業内容や強みが分かりやすく伝わる構成・デザインをご提案しました。

ターゲット

• 精密洗浄・クリーンビジネスの外注先を探している企業
• 精密作業・検査・組立など、受託生産を依頼したい企業
• 半導体・電子部品・医療・研究開発など、高い清浄度や品質管理が求められる業界の担当者

デザインコンセプト

企業の強みである「クリーン・精密洗浄」と「組立受託・キッティング」という2つの事業を、技術力とクリーンな品質が伝わるビジュアルで表現しました。

柔らかく広がる光の表現や、クリーンで透明感のあるカラーを採用することで、不純物のないクリアな印象を演出しています。また、電子回路を思わせるラインパターンや直線的なデザインを取り入れ、先進性や高い技術力、プロフェッショナルな企業イメージを表現しました。

デザインのこだわりポイント

サイトを訪れたユーザーが、一目で「どのような事業を展開している会社なのか」を理解できることを意識し、情報設計やビジュアルを構成しました。

実際の作業風景の写真を積極的に取り入れることで事業内容への理解や信頼感を高めるとともに、クリーンな印象を与えるカラーやモチーフと組み合わせることで、企業の強みや品質の高さがより伝わるデザインを目指しました。

UI・UXでこだわったポイント

TOPページのサービス紹介では、情報量が多い中でもストレスなく閲覧できるよう、視線の流れや余白、見出しの強弱を意識し、情報の優先順位が自然に伝わるデザインを心掛けました。

サービス詳細ページでは、各サービス・製品の内容に合わせて柔軟に情報を展開できるよう、統一感を保ちながらも複数のレイアウトパターンを用意しています。コンテンツごとの魅力を伝えやすくするとともに、更新時にもデザインの品質を維持しやすい構成としています。

システム仕様（Movable Type）

Movable Typeの仕様を活かし、サービス・商品ページでは「お悩み」「材質と形状」「業界」「サービス/商品」の4つの分類軸から情報を探せる検索機能を設計しました。ページ数や掲載情報が多いサイトでも、ユーザーが目的に合った情報へスムーズにたどり着けるよう、分類設計と導線の分かりやすさを重視しています。

また、各ページのコンテンツは、画像・テキスト・表組み・リンク・関連情報など、さまざまな見せ方に対応できる自由度の高い設計としました。更新担当者が内容に応じて柔軟に情報を追加・編集できるようにすることで、公開後の運用性にも配慮しています。

写真撮影のこだわりポイント

事前に社内で撮影内容の打ち合わせを行い、その後Zoomにてお客様と撮影イメージや当日の流れを確認しました。撮影は徳島県で2日間にわたって実施し、コーポレートサイトと採用サイトの両方で使用する写真を撮影しました。

2サイトで使用するため、作業風景やミーティング風景など複数のパターンが必要でした。用途に応じて撮影場所やシチュエーションを変えながら撮影を進行。写真に変化を持たせるだけでなく、オフィスや社内空間の広さ、働く環境の魅力も伝わるよう工夫しました。

当日はお客様が撮影場所の確保や整理を事前に行ってくださっていたため、スムーズに撮影を進めることができました。