LP(ランディングページ)は主に広告運用ツールとして用いられることが多いですが、そのUI面の効果が数字(集客数、問い合わせ獲得数etcなど)として明確に出ること、ページ1枚という限りあるスペースでユーザーの行動を喚起しなければならないこと、また限られたスペースでクライアントからのメッセージを表現しなければならないこと、など結構奥が深いものです。
ただ最近はA/Bテストや「LPO」(ランディングページ最適化)の観点から、LPを複数パターン用意することが一般化してきています。もちろんこうなると制作の「スピード」が求められるわけですが、スピードアップにフリー素材は不可欠ですね。
というわけで、こんな便利なLPのUIキット素材集がありましたのでご紹介します。
【Landing Free UI Kit】
https://lstore.graphics/landing/
無料なので早速ダウンロードしてみました。
この「UIキット」が便利な理由なLPの各UIコンポーネントに沿ったキット形式になっているところ。上図をご覧いただけばおわかりのように、
・ヘッダー部キット
・機能紹介部キット
・ブログ部キット
・登録部キット
・価格部キット
などなど、LPの構成要素が一通りそろっています。
例えば下図は「Contact」部のキットです。
こうしてそのLPの構成に必要な各キットを組み合わせれば、もうLPの原型ができちいますね!
ダウンロードの仕方はとっても簡単で、サイト右上にあるダウンロードボタンを押せば上画面が立ち上がります。
これはフリー素材なので「公正な価格を設定してください」の項目に「0」と入力して「これが欲しいです!」ボタンをクリック。
このあとメアド登録画面に遷移しますが、フリメでも登録できました。「Photoshopファイする形式」か「Sketchファイル形式」か「両方」かを選択してダウンロード完了です。
先述の通りダウンロードは無料ですので、ぜひLP素材のストックとして引き出しに入れておいてはいかがでしょうか?