ワイヤーフレームとは、Webページのレイアウト構造を線と四角形で簡略的に表現した設計図のことです。色やフォント、画像といった視覚的な装飾を省き、情報の配置と優先順位だけに集中するためのツールです。

ワイヤーフレームの段階で「ファーストビューに何を置くか」「CTAの位置はどこか」「情報の順序は論理的か」を関係者全員で確認できるため、デザイン完成後の手戻りを大幅に減らせます。

FigmaやAdobe XDが制作ツールとして広く使われています。