電通デジタルが新手法「HOZO」を発表しウェブ制作の未来を切り拓く

電通デジタルが新たに採用した「HOZO」によるUI設計

株式会社電通デジタル（東京都港区）の最新技術である「HOZO」は、ウェブサイト制作に革命をもたらす新たな手法として発表されました。この手法は、自然言語によるインターフェースを通して、企業のデザインシステムに基づいたUI（ユーザーインターフェース）を設計・実装することを可能にします。

UI設計課題と「HOZO」の解決法

ウェブサイト制作の現場では、特に大規模なサイトを運営する企業において、複数の部門や外部制作会社の関与によるデザインの不統一が長年の課題とされてきました。デザインシステムが策定されていても、それを全ページに適用するには膨大な手間がかかります。こうした課題に対処するべく、電通デジタルは「HOZO」を開発しました。

「HOZO」は、AIとのインタラクションを通じて、企業の特性に合わせたUIコンポーネントを自動で生成し、ページ設計を行う手法です。特に、日本の伝統技術である“ほぞ組み”からインスパイアを受けた開発哲学によって、企業ごとのデザインを迅速に組み立てることを目指しています。

「HOZO」の主な特徴

1. デザインシステム準拠のUI生成
既存のウェブサイトの情報やクラウドデザインツールにあるデータを基に、数十種類のUIパターンをベースにしたコンポーネントを生成します。このプロセスでは、色、書体、余白などのデザイン要素が系統的に整理され、企業独自のデザインに厳密に基づいたUIが作成されます。

2. コードとデザインの双方向変換
生成されたUIは、HTMLやReactなどのコード形式に出力できるだけでなく、クラウドデザインツール上で編集可能な形式でも提供されます。これにより、デザイナーはツール上で調整し、エンジニアはコードの部分を見直すことで人間の判断を組み込む開発フローが実現します。

3. 既存サイトを基にした逆算アプローチ
「HOZO」は既存サイトのコンテンツを維持しながら、デザインシステムのみを更新することが可能です。さらに、デザインシステムの変更が以前に生成されたUIに自動的に反映されるため、運用や改善が簡単に行える点も大きな利点です。

電通デジタルの今後の展望

電通デジタルは、「HOZO」を単なるUI設計にとどまらず、新規ページの企画やAIによるUIの評価・改善提案にも拡大させる予定です。これにより、クライアントのデジタル体験の質を高め、業務の効率化を進めていく方針です。

同社は、AIの可能性を引き出しつつ、顧客や社会の成長に貢献することを目的とした独自の「AI For Growth」戦略にも力を入れています。AIの発展による新しいデジタル体験の創出を目指す電通デジタルの今後の動きから目が離せません！