LP(ランディングページ)デザイン参考一覧

業種・テイスト別のLP(ランディングページ)デザイン実例を毎日更新
  • PCデザイン
  • SPデザイン
登録数
No.1
PCデザイン総登録数
46,001
※弊社実績数ではありません
登録数
No.1
SPデザイン総登録数
38,473
※弊社実績数ではありません
カラーから探す
カテゴリーから探す
カラーから探す
カテゴリーから探す
MENU

どくにふれるのスマホLPデザイン

PCページを見る
SPページを見る

どくにふれるのスマホLPデザインのLP情報

商品・サービス名
どくにふれる
カテゴリー
イベント・キャンペーン・体験
企業名
ニフレル()
カラー
カラフル(多色)系を利用してスマホLP制作を行っております
イメージ
これらのスマホLPは、「かわいい系」のデザインだと感じます
キャッチコピー
生きるための毒がある
デザインに関して
ニフレル(NIFREL)の特設ゾーン「どくにふれる」のWEBサイトは、「毒(DOKU)」というおどろおどろしいテーマを、ファミリー層や若年層向けにポップで洗練された世界観へと昇華させた優れたWEBデザインとなっています。

このサイトのデザインにおける魅力と特徴をいくつかのポイントに分けて解説します。

1. 「毒=怖い」を覆す明るくキャッチーなカラーパレット
毒々しさ×可愛らしさの融合:
毒を象徴する鮮やかなイエロー、毒々しくもポップなパープルやピンク、エレクトリックブルーなどの高彩度なビタミンカラー・ネオンカラーをベースに使用しています。

暗闇感をなくしたデザイン:
「毒=黒やダークトーン」になりがちなイメージを排除し、明るい白地や明るい背景色と組み合わせることで、子どもから大人まで親しみやすい「ポップ&ポップ」な世界観を構築しています。

2. ゲーム感覚・エンタメ感を取り入れた「スキル分け」レイアウト
ゲーミフィケーション要素:
毒を持つ生きものを「こうげき」「ぼうぎょ」「もほう」「むこうか」といった4つの「スキル(能力)」に分類。まるでトレーディングカードゲームやRPGの図鑑を見ているかのようなUI(ユーザーインターフェース)デザインになっています。

視覚的なわかりやすさ:
各スキルごとに象徴的なアイコンや見出し文字(タイポグラフィ)が配置され、難しい生態の解説もグラフィカルに楽しく理解できるよう工夫されています。

3. 動的演出(アニメーション)と弾けるタイポグラフィ
「DOKU DOKU」感を表現するアニメーション:
スクロールに合わせてイラストや文字が跳ねたり、グラフィックが動き出したりするマイクロインタラクションが取り入れられており、閲覧者のワクワク感を煽ります。

手書き風・手作り感のある手描きフォント&イラスト:
少し抜け感のある手描き風のイラストや手書き風フォントをアクセントに使うことで、かしこまった図鑑っぽさを消し、ニフレルらしい「センスのあるおしゃれ感」を醸し出しています。

4. 写真とグラフィックの絶妙なコラージュ
リアルとデフォルメの共存:
高画質な生きものの写真(切抜き)に対し、あえてポップでストリート感・キャッチーさのあるグラフィック(吹き出しや手描き装飾、アイコン)をレイアウト。

図鑑的なお堅さを排除:
写真だけを並べるとお堅い科学展のようになってしまいますが、グラフィックと切り抜き写真を組み合わせることで、ファッション誌やポップアートのような洗練されたビジュアルに仕上がっています。

5. モバイルファーストで直感的な導線設計
縦スクロールに最適化された構成:
SNS(Instagram等)からの流入を強く意識した縦長1ページ(LPスタイル)の構成になっており、スマートフォンで親指一本でスイスイ読み進められるストレスフリーな操作性を実現しています。

回遊を促す固定ナビゲーションやポップなボタン:
チケット購入や限定カフェメニュー・グッズへの誘導ボタンが視認性の高いポップなデザインで配置されており、ユーザー体験(UX)としても非常にスムーズです。

まとめ
「どくにふれる」のサイトデザインは、「毒の生物多様性や生き残り戦略」という学術的なテーマを、グラフィックデザイン・アニメーション・配色・タイポグラフィの力によってエンターテインメントへと昇華させた素晴らしいデザインです。「怖い・不気味」ではなく「カッコいい・かわいい・知りたい!」という感情を喚起させる工夫が随所に詰まっています。

【注意】上記ランディングページは弊社で制作したデザインではございません
※弊社の制作実績はコチラです

年商5億円以上の店舗サポート実績!楽天・ヤフーに特化した制作会社 トップページ、商品ページ、バナーなどの制作から反映までOK!

ヒント

キャッチコピーを一覧確認

現在表示されているデザイン一覧のランディングページで使われているメインのキャッチコピーを一覧で確認する事ができ、キャッチコピー作成時の参考としてご利用頂けます。

次へ

ヒント

お気に入り登録が可能!

このサイトのランディングページデザインをフォルダ毎に分けて自分が参考になるデザインだけを集めて利用する事ができます。

AMAZON制作

ログイン(無料)すると、このポップアップ広告は表示されなくなります