おうちリスタート / ワイヤーフレーム v0.5.1
PC・タブレット・スマホの各ワイヤーフレームを
このトップページから確認できます。
トップページ自体も、PC・タブレット・スマホで見やすいようにレスポンシブ対応しています。Cloudflare Pagesにアップした後は、まずこのページから各画面へ進んで確認してください。
※これはデザインカンプではなく、低忠実度ワイヤーフレームです。白黒グレーの箱組みで、余白・導線・画面構成を確認するためのものです。
PC版
横幅1280px想定 / LP本体＋診断専用ページDesktop
タブレット版
横幅820px想定 / PCとスマホの中間設計Tablet
スマホ版
横幅390px想定 / 縦読み・タップ導線重視Mobile
確認順序
まずはPC版、次にスマホ版、最後にタブレット版を見る想定です。
1. LP本体
余白・縦読み・CTA位置・ストーリー順を確認
2. 診断ページ
6問診断から物件情報入力までの導線を確認
3. 各デバイス
PC / タブレット / スマホで見え方の差を確認