オリジナルLPの制作-3

【デザインについて】

●制作の流れ…クラウドワークスの某案件をモデルにして、架空で制作しました。FigmaでPC用のワイヤーフレームを制作→ロゴ制作（Figma）→カバー画像制作（Figma）→STUDIOでLP制作の順で制作しました。

●カラー…ベースカラーは作品や字などが映える白（#ffffff）にしました。メインカラーは見やすいダークグレー（#333333）、アクセントカラーは若々しく目を引く濃いめピンク（#f43cd2）と同じ系統の薄ピンク（#f6d9f1）にしました。

●タイポグラフィ…馴染みがあり、見やすいNoto Sans JPを使用しました。

●情報設計…クリエイター向け・購入者向けなので、PCを基本として、タブレット・スマホにも対応できるレスポンシブになっています。ヘッダーとフッターはほぼ同じデザインにしました。コピーライツのみの違いになっています。一番に伝えたいCrema@eプリの説明とアニメ風のイラストをFVにして、クリエイター・購入者双方への訴求とCTAボタン（クリエイター・購入者両方）を設置しました。2ndビューにはプリント商品一覧、3rdビューにはQ&AとCTAボタン（クリエイター）になっています。FVはクリエイター・購入者向けのページ、2ndビューは購入者向けのページ、3rdビューはクリエイター・購入者向けのページですが、おもにクリエイター向けのページに設計しました。

【工夫したポイント】

カバー画像とFV画像（Canvaで制作）を同じにして世界観を統一しました。統一感を持たせるために、訴求テキスト中の画像は同じCanvaデザイナーが制作したイラストを使用しました。CTAボタンに押したくなるように立体感を持たせました。ナビゲーションメニューは各セクションへ、CTAボタンのリンクは商品一覧ページやフォームに飛ぶように設計しました。フォームのボタンは架空のメールアドレスへ飛ぶようにしました。（架空なのでアクセス不可。）商品一覧ページは横スクロールで見やすくしました。