Photoshop作品 Wire frame , Rough design

クラフト系資材ショップのワークショップ申込みLPのワイヤーフレーム

■USER

ITOYAやユザワヤよりも小規模で裁縫道具店レベルのお店

■TARGET

ワークショップの参加を検討されている方

■SITE IMAGE

お店で開催しているワークショップ申込みページ

■WIRE FRAME

□制作時間　110分

□ROUGH　SKECH

□POINT
●白いボックスはテキストの表示、グレーのボックスは画像表示です。
●ヘッダーのボタンはなるべく速くピンポイントで見たい情報にたどりつけるように先頭に配置しました。
●スケッチでは開催日程を選択できるボタンを考えていましたが、LPの前段階での選択になると考え無くしまし　た。
●講師の内容を最後の方において、CVボタンを消費者が推す最後の一押しの誘導ができるかと思いましたが、ワークショップ内容のそばに置いた方が情報のまとまりを感じたので詳細内容の下に配置しました。
●支払い方法のボックスは詳細内容の中の情報と仲間にできると思い無くしました。
●CVボタンは他の情報の邪魔にならない大きさにし、いつでもすぐ押せるようにしてみました。
●アクセスマップはスケッチ段階ではイメージ画像より大きかったので、小さくして詳細内容の中に配置しました。
●割引告知はワークショップの割引と資材商品の割引の２種類が考えられた為、2つ用意しました。

クラフト系資材ショップのワークショップ申込みLPのデザインラフ

■ROUGH DESIGN

□Take1
□制作期間
2025.11.3～2025.11.5　230分
□POINT
●ヘッダーのメニューログインボタンはページ外に飛ぶボタンなので他のボタンとは区別し、表示を変えました。
●CVに丸みをつけました。丸みがある方が安心感が出て押す時の抵抗感が薄らぐと思いました。
●講師の告知を追加しました。講師がお得になる部分を作ってみました。

□Take2
□制作期間
2025.11.6～2025.12.8　230分　170分
□POINT
●配色を再検討しました。
予約開始アイコンと予約受付中のバーが同じ内容になる為同じ色にしました。
●割引告知バナーのサイズを小さくし、バナーイメージも配置しました。
●CVの配置をヘッダーの中にし、スクロール途中でもすぐに押せる機能を果たせると思いました。
●講師告知バナーを配置しました。