オリジナルLPの制作-2

OVERVIEW

Hertechの任意課題として制作しました。

コンビニプリントの Crema@eプリ(仮)のLPを制作しました。
アニメ風のイラストのキャラクターを使用して、イラストレーターなどのクリエイターに訴求するイメージで制作しました。

制作時間:4時間

ターゲット:コンビニプリントを使用したいクリエイター
コンビニプリント商品を購入したいクリエイターのファン

目的:クリエイター登録の申込数促進、購入者数促進

【制作について】
・制作の流れ…クラウドワークスの某案件をモデルにして、架空で制作しました。
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ボタンのリンクは商品一覧ページやフォームに飛ぶように設計しました。フォームのボタンは架空のメールアドレスへ飛ぶようにしました。(架空なのでアクセス不可。)商品一覧ページは横スクロールで見やすくしました。

WEBSITE