技術力と信頼性を多角的に訴求する「インフィニテック」企業公式サイトの構築
自社開発の教育向けICTシステムから最先端のWebソリューションまで、高度な技術力を市場に提供する株式会社インフィニテック（現：株式会社プリバテック）。 本プロジェクトは、同社の企業ブランディングの核となる企業公式サイト（Branding, UI/UX, Web design, Website）の全面リニューアルを担当した事例です。 内田洋行やKDDI、日立産機システムといった数多くの大手企業・パートナーとの強固な信頼関係をビジュアルとして可視化し、多岐にわたるプロダクトやサービスへユーザーをシームレスに導くハブとしての機能を持たせたWebサイトデザインを具現化しました。 多様なステークホルダーが訪れるコーポレートサイトにおいては、単なる情報の網羅ではなく、企業の「先進性」と「揺るぎない信頼性」を直感的に伝えるインターフェース設計（UI/UX）が求められます。 特に同社は、ハードウェア・ソフトウェア双方の自社開発に強みを持つため、その開発力と実用的なソリューションが一目で伝わる情報設計（IA）が必要不可欠でした。 そこで本制作では、ユーザーが必要な情報へ最短でアクセスできるレイアウトを追求し、企業のブランド価値を最大化する総合的なWebサイト構築を実践しました。グリッドシステムによる論理的な情報整理と視覚的ゾーニング
ファーストビューでは、ビジネスシーンを象徴するクリーンで活気のあるメインビジュアルを配置し、グローバルメニューやコンタクト情報をヘッダーに集約。 ユーザーがサイトに到達した瞬間に、企業の業態と信頼性を認知できるよう配慮しました。 さらに、ブラウザさえあれば利用できるクラウド型オンライン会議サポートツール「Active Web Presentation」のバナーをファーストビュー直下に配置し、最も訴求したい最新のWeb関連サービスへ強力に視線誘導する導線設計を行っています。 コーポレートサイトの心臓部となる主要プロダクトおよび企業情報の紹介エリアでは、2カラムの美しいグリッドレイアウトを採用しました。各コンテンツ（授業支援システムやセキュリティソフトなど）を対等な正方形のブロック（タイル形式）としてパッケージ化し、高品質な写真素材と明快なタイポグラフィを組み合わせることで、直感的に内容を識別できるビジュアルコミュニケーションを構築しています。 これにより、目的の異なるユーザーが迷うことなく適切なページへ遷移できる、高度なWEBアクセシビリティを実現しました。ユーザーの目的に寄り添った導線設計とコンポーネントの最適化
サイト内の各要素には、ユーザーの行動心理（インサイト）に基づいた厳格なビジュアルルールとコンポーネント設計を適用しています。- 主要プロダクトへのダイレクトなアクセス： クラウド型予約・認証システム「ELMaster」や、学校向け授業支援システム「AdvantageClass」、校務PCの情報漏えい対策「D-Protector」、USBメモリ暗号化ソフト「D-Transporter」といった主力製品を、特徴的なキャッチコピーと共に独立したブロックで提示。各製品のターゲット層を明確に分離し、コンバージョンへの導線を最適化しています。
- 企業情報と最新ニュースの機能的配置： 「会社情報」や「最新情報」のブロックを製品情報と同等のグリッド内に収めることで、製品を検討するユーザーに対して「どのような企業が開発しているのか」という安心感をバックグラウンドとして常に提示する構造にしています。
- 視認性を高めたコンタクトエリアのカラーマネジメント： ユーザーの最終アクションを促す「製品サポート」や「お問い合わせ」エリアには、サイト全体のトーン（白・グレー・ネイビー）に対してコントラストの高いアースカラーやウォームトーンを意図的に配置。視覚的なゾーニングを徹底することで、ユーザーにストレスを与えないUIデザインを確立しています。
- 下部インフォメーションによる信頼性の補強： ページ最下部には、各種セミナーへの出展情報やウチダシステムズフェア、日本教育工学研究協議会全国大会への参加実績など、対外的な活動ニュースをアイキャッチ画像付きで配置。常に動いている企業としての活発さと、業界内での確固たる地位を実証する構成としています。
企業の変革と進化を支え続ける、持続可能なコーポレートデザイン
コーポレートサイトとは、企業の思想や技術、そして信頼性を社会に向けて発信する最大のステートメントです。 今回の株式会社インフィニテックの公式サイト構築においては、洗練されたビジュアルと論理的な導線設計を融合させることで、BtoB市場におけるブランド力と実用性を兼ね備えたデジタルプラットフォームへと昇華させました。 現在、クライアントは株式会社プリバテックとして、PCIホールディングスグループおよびレスターグループという非常に強固な資本・技術基盤のもと、LSI設計やソフトウェア開発、通信・センサ技術を含む総合的な技術受託企業へとさらなる大きな進化を遂げています。 時代に合わせて組織や事業ドメインが大きく変革していくプロセスにおいても、このサイトで確立した「明快で信頼感のある情報発信の姿勢」というデザインの根底にある思想は、企業のDNAを正しく伝え、ステークホルダーとの強固なエンゲージメントを築く強固な基盤として機能し続けます。 今後もクライアントの持続的な成長に寄与する、戦略的かつ機能的なデザインソリューションを提供してまいります。Building the Official Corporate Website for “Infinitec,” Multifacetedly Appealing to Technological Prowess and Reliability
From in-house developed educational ICT systems to cutting-edge web solutions, Infinitec Co., Ltd. (currently Privatec Co., Ltd.) delivers advanced technological capabilities to the market. This project is a case study of managing the comprehensive renewal of their official corporate website (Branding, UI/UX, Web design, Website), which serves as the core of the company’s enterprise branding. Visually materializing the robust relationships of trust held with numerous major corporations and partners—such as Uchida Yoko, KDDI, and Hitachi Industrial Equipment Systems—we embodied a website design that functions as a hub to seamlessly guide users to wide-ranging products and services. On a corporate site visited by diverse stakeholders, an interface design (UI/UX) that intuitively communicates an enterprise’s “innovation” and “unshakeable reliability” is demanded, rather than a mere comprehensive listing of facts. In particular, since the company possesses strengths in the in-house development of both hardware and software, an information architecture (IA) that conveys their development capabilities and practical solutions at a glance was indispensable. Therefore, in this production, we pursued a layout where users can access necessary information via the shortest path, executing a holistic website construction that maximizes corporate brand value.Logical Information Sorting and Visual Zoning via a Grid System
In the first view, a clean and vibrant main visual symbolizing business scenes is positioned, consolidating global menus and contact information into the header. Care was taken so that the moment a user arrives at the site, they can recognize the company’s business category and reliability. Furthermore, a banner for “Active Web Presentation”—a cloud-based online meeting support tool usable with just a browser—is positioned directly below the first view, establishing a user path design that powerfully guides the user’s eye to the latest web-related service they wish to promote most. In the introductory area for core products and corporate information, which serves as the heart of the corporate site, a beautiful 2-column grid layout was adopted. Packaging each piece of content (such as lesson support systems and security software) into equal square blocks (tile format) and combining high-quality photography assets with clear typography, we built a visual communication that allows intuitive identification of content. Through this, we achieved advanced web accessibility, allowing users with different objectives to transition to appropriate pages without confusion.User Path Design Aligning with User Intent and Optimizing Components
Strict visual rules and component designs based on user behavioral psychology (insights) are applied to each element within the site.- Direct Access to Core Products: Mainstay products—such as the cloud-based reservation and authentication system “ELMaster,” the lesson support system for schools “AdvantageClass,” the information leakage countermeasure for school-affairs PCs “D-Protector,” and the USB flash drive encryption software “D-Transporter”—are presented in independent blocks alongside distinctive catchphrases. This clearly separates target audiences for each product, optimizing paths to conversion.
- Functional Positioning of Corporate Information and Latest News: By fitting the “Company Information” and “What’s New” blocks within the same grid as product details, the structure continuously presents a background sense of reassurance regarding “what kind of enterprise is developing this” to users evaluating products.
- Color Management of Contact Areas Enhancing Visibility: In the “Product Support” and “Inquiries” areas that prompt a user’s final actions, earth colors and warm tones possessing high contrast against the entire site’s tone (white, gray, navy) are intentionally positioned. By executing thorough visual zoning, we established a UI design that gives zero stress to users.
- Reinforcing Credibility Through Bottom Information: At the very bottom of the page, external activity news—such as exhibition details at various seminars, the Uchida Systems Fair, and participation records at the Japan Association for Educational Technology national conferences—are positioned with eye-catching images. This constructs a configuration that demonstrates the vibrancy of a continuously moving enterprise and its solid position within the industry.
Sustainable Corporate Design Continuously Supporting Enterprise Transformation and Evolution
A corporate website is the greatest statement for dispatching an enterprise’s philosophy, technology, and reliability toward society. In constructing the official site for Infinitec Co., Ltd., blending refined visuals with logical user path designs sublimated it into a digital platform that coexists brand power with utility in the BtoB market. Today, as Privatec Co., Ltd., the client has achieved further major evolution into a comprehensive technological contract enterprise covering LSI design, software development, and communication/sensor technologies under the highly robust capital and technology base of the PCI Holdings Group and the Restar Group. Even in the process where organizations and business domains transform significantly to match the times, the underlying philosophy of the design—the “clear and reliable stance on information dispatch” established with this site—will continue to function as a solid foundation for correctly transmitting the company’s DNA and building robust engagement with stakeholders. We will continue to provide strategic and functional design solutions that contribute to the sustainable growth of our clients.■ 本WEBサイトに掲載されている、会社名、商品名、サービス名、ブランド名、ロゴマーク、サービスマーク、スローガン、キャッチコピー等の著作権・商標権は、各権利所有者に帰属します。■ 本コンテンツは、著者の制作実績およびスキルの紹介を目的として掲載しており、権利を侵害する意図はございません。■ 制作実績のうち、直接取引以外の案件につきましては、広告代理店、コンサルティング会社、制作会社等のパートナー企業様との提携、あるいは仲介による制作実績となります。■ 本ポートフォリオへの掲載に問題がある場合は、お手数ですがお問い合わせフォームよりご連絡ください。迅速に対応をさせていただきます。
