今後作成予定のランディングページのワイヤーフレーム
使用ソフト
XD
概要
今後、ランディングページ制作のためのワイヤーフレームを作成しました。
テーマは「ExcelVBA代行屋」の予定です。
制作にかかった時間
4時間
- 下書き・・・2時間30分
- XDでの作業・・・1時間30分
制作のポイント
サービス内容のセクションにて、3種類紹介しているブロックを作成する際に、まず一番左の1種類を完成させ、リピートグリッドを使用して他の2種類を作成しました。
「サービス」「事例紹介」「料金について」「FAQ」のセクションの上余白は、ヘッダーの高さにしました。理由は、ヘッダーを固定させ、ナビゲーションを押すと、押したセクションにスクロールさせるためです。
「料金について」セクションは、右側の要素(画像)だけブラウザ端まで広げるレイアウトにしてみました。