Lesson6 10.BtoB・LP制作

次の課題もLPですが、、、
この課題は自由に制作してみてください。

制作する際の条件がいくつかあるので、
この条件だけは必ず守ってください。

課題

次のLPを制作してください。

サイト制作課題

Lステップ構築の「Lステップ侍」
(PCとSP両方制作してください)

サイトタイトルは「Lステップ侍」
URLは「lp2」としてください。

課題の進め方

1.デザインを確認する
2.制作の準備を行う
3.FVだけレスポンシブデザインを制作
4.先にPC版を実装
5.SP版を調整(Elementor上で調整し、必要があればデザインする)

制作条件

◾️制作するサイズ
BtoB商材でかつ、リスティング広告等からの流入を見込んでいるので、
PC版とSP版の両方を制作してください。

◾️ページの幅
PC版は全幅で画面いっぱいになるように制作してください。
SP版は横幅780pxでデザインデータを作成してください。

◾️実装方法
LPではありますが、画像のみではなく、
テキストを使った実装を行なってください。
これまで使ったウィジェットなどを使用することで制作できるようにしています。
※全て画像はNGとします

◾️その他注意事項
なお、どのウィジェットを使用しても構いませんが、デザインは変更しないでください。
画像を切り出す際には、どこを切ったら実装できそう?を考えながら進めてください。

実装にあたって、デザインカンプと文字サイズや改行に揺れが出る等は問題ありません。
サイトとして見やすい形を採用してください。

デザインデータ

PC版のデザインカンプのみお渡ししますので、
携帯版はレスポンシブデザインに直して実装してください。

制作が終わったらデザインカンプとElementorの編集画面、
実際のサイトを添削しますので、チャットワークで添削依頼をしてください。

ファイルはこちら>>

課題提出方法

Chatworkにて、
サイトのデザインカンプを画像で、
サイトのURLとWordPressのログイン画面URLと、ID・PWはテキストで共有してください。

上部へスクロール