量産できるランディングページテンプレート「LP-UIKIT」

lp_uikit

販売価格

¥19,800

(税込)

購入する

[ LP-UIKITの特徴 ]

「LP-UIKIT」はFigma向けのランディングページ(LP)テンプレートです。150以上のUIコンポーネントで効率よくLPの量産ができます。

UIコンポーネントやデザインテンプレートをBootstrap5でコーディングしたHTMLテンプレートも含まれているのでHTMLのLPも作成可能です。

■ ブロックを組み合わせるだけでLP作成!

UIコンポーネントはLPによくあるパターンを網羅!ブロックのように組み合わせるだけで簡単にLPを作成できます。

さらにブロックにはそれぞれ複数のUIパターンが用意されているため、同じコンテンツ構成でも異なるレイアウトのLPを作成することができます。

LP-UIKITの特徴 ブロックを組み合わせるだけでLP作成!

■ そのまま使える!デザインテンプレート

LP-UIKITではブロックのデフォルトスタイルで作ったレイアウトテンプレート5本とスタイルをカスタマイズした10本のデザインテンプレートを用意しています。テンプレートを複製して色を変えたり、ブロックを入れ替えて簡単にカスタマイズすることができます。

どちらのテンプレートもHTML版が用意されているためサーバーにアップロードすることですぐに使用可能です。

デフォルトスタイルのテンプレート5本

ブロックを組み合わせてレイアウトを作成したものです。ここからレイアウトをカスタマイズしていくことで効率よくLPを作成できます。

LP-UIKITの特徴 そのまま使える!デザインテンプレート1

スタイルをカスタマイズしたデザインテンプレート10本

こちらは配色やフォントを変更しスタイルをカスタマイズした高品質なデザインテンプレートです。

LP-UIKITの特徴 そのまま使える!デザインテンプレート2

LP-UIKITの特徴 そのまま使える!デザインテンプレート3

■ Bootstrap5に対応したローカルスタイル

LP-UIKITで使用しているスタイルはBootstrap5のClassに対応したものを使用しています。

デザインを作ったあとHTML化する場合にそのままBootstrap5のスタイル変数として使用することができます。

タイポグラフィー LP-UIKITの特徴 Bootstrap5に対応したローカルスタイル フォント

カラーパレット LP-UIKITの特徴 Bootstrap5に対応したローカルスタイル カラーパレット

■ Bootstrap5対応のHTMLテンプレート版付属

デザインファイルにあるUIブロックやテンプレートは全てHTML版が用意されています。

配色やフォントはデザインと同じ変数が設定されているため、CSSコードを追加することなくClassの指定だけでスタイル可能です。

LP-UIKITの特徴 Bootstrap5対応のHTMLテンプレート版付属

HTML版のデモページはこちらからご覧ください。

■ LP-UIKITはこんな人におすすめです

  • LPを効率よくたくさん作りたい
  • LPデザインの外注コストを抑えたい
  • シンプルなデザインのテンプレートを探している
  • STUDIOを使ってLPを作りたい

■ LP-UIKITの対応コンテンツ一覧

LP-UIKITに含まれるUIブロックには以下のようなものがあります。

※()内の数字は選べるパターン数です。

  • ヘッダー(4)
  • フッター(5)
  • メインビジュアル(5)
  • 私たちについて(4)
  • 選ばれる理由(15)
  • よくあるお悩み(12)
  • サービス内容(19)
  • 機能一覧(9)
  • CTA(5)
  • 料金プラン(5)
  • 導入の流れ(15)
  • 導入事例(4)
  • お客様の声(10)
  • よくある質問(8)
  • 見出し(7)
  • ボタン(9)
  • ラベル(9)
  • ギャラリー(12)

LP-UIKITの特徴 LP-UIKITの対応コンテンツ一覧

[ ご利用ガイド ]

■ LP-UIKITの使い方

LP-UIKITに付属のFigmaテンプレートの使い方やHTMLテンプレートについては以下のドキュメントをご覧ください。

■ お支払い方法

各種クレジットカード決済、Paypal決済に対応しています。購入画面で必要情報を入力の上ご購入ください。

決済にはShopifyのカートシステムを利用しています。クレジットカードの情報はこちらに保存されませんのでご安心ください。

■ ダウンロード方法

商品のダウンロード方法は次の2つの方法があります。

1.決済完了画面でダウンロード

お支払い完了画面でダウンロードボタンが表示されますので、そちらからダウンロードしてください(リンクが表示されるまでしばらくお待ちいただく場合があります)。

Designupストア ダウンロード方法

2.ご注文確認メールのリンクからダウンロード

商品ご購入後にご注文確認メールを送信いたします。メール内に記載されている「ご注文内容の確認」ボタンからダウンロードページを表示することができますので、そちらからダウンロードしてください。

■ 注文確認メールが​届かない​お客様へ​

携帯メールアドレス( docomo / au / softbank / rakumail のキャリアメール)をお使いのお客様より商品購入時などに当ショップから 自動送信されるメールが正常にお届け出来ていないとのご連絡をいただく事がございます。

ご注文時は携帯メールアドレスを使わないようご注意ください。

万が一メールが届かない場合はお問い合わせページより、携帯以外のメールアドレス(gmailなど)でメールが届かない旨お伝えください。

■ よくある質問

Q.Figmaって何?

Figmaは無料で誰でも使えるデザインツールです。Webブラウザ上で使える軽量なツールなので効率よくWebデザインを行うことができます。

Figmaの日本語公式ページはこちら

Q.Figmaの無料版でも使える?

はい、無料プランで使用可能です。

Q.使用回数やダウンロード回数に制限はある?

使用回数に制限はありません。一度の購入で複数サイトにご利用いただけます。

ダウンロード回数は2回までとなります。

Q.商用利用可能ですか?

可能です。1回の購入で何度でも使用していただけます。ただしテンプレートの変更有無にかかわらず再販や再配布することはできません。

Q.返品可能ですか?

申し訳ございません。ダウンロードコンテンツという性質上、返品はできません。

商品仕様

商品名lp_uikit
更新日2024 / 03 / 01
商品内容Figmaテンプレート、Bootstrap5テンプレート
CSSフレームワークBootstrap5.3
対応ブラウザChrome、Safari、Firefox、Edge、それぞれ最新バージョン
ライセンス商用利用可、複数サイトでの使用可、テンプレートの変更有無にかかわらず再販や再配布は禁止

アップデート

  • 2024.3.1 v1.6

    • メインビジュアルを追加しました。
  • 2024.1.22 v1.5

    • デザインテンプレートを追加しました。
    • HTMLテンプレートの不具合を修正しました。
  • 2023.12.24 v1.4

    • デザインテンプレートを追加しました。
    • UIブロックを追加しました。
    • HTMLの不具合を修正しました。
  • 2023.12.10 v1.3

    • Bootstrap5対応のHTMLテンプレートを追加しました。
  • 2023.11.21 v1.2

    • レイアウトをブロック単位で構築できるようにしました。
  • 2023.10.15 v1.1

    • デザインテンプレートを追加しました。
    • UIをデザインを修正しました。
  • 2023.9.18 v1.0

    • LP-UIKITを公開しました。