ママフェス 2026
LP デザイン — 9パターン
3スタイル × 3構造。各パターンはレイアウト・フォント・設計思想から完全に異なります。
本番:
mamafest-lp.pages.dev
— Cloudflare Pages
企業向け / BtoB
ママフェス PRO | 出展・協賛募集LP
「購買を決めるのは、ママ。その最高のターゲット層へ。」
第2回ママフェスPRO(2026.10.17 ヒューリック浅草橋)の
企業向け出展・協賛募集LP
。本番LP(mamafes2026)と同じクローバーの温かいテイストに統一。数字訴求・吉野敏明歯科医師の公式写真登壇・COCOPITA掲載・10%OFF締切・資料DL/申込フォーム導線のBtoB営業ページ。
このLPを見る →
★ 最新・推奨
A-03 改 | クリニックHP風タイムライン
「お母さんのこころに、そっと寄り添う1日を。」
好評だったタイムライン版(A-3)を、こども診療所サイトの雰囲気でブラッシュアップ。クローバーモチーフ・手書き風SVG・やわらかいイラスト・サービスカード・予約ボタン常設。配色はクローバーグリーン × ミント × ピーチの合わせ技。
このLPを見る →
Style A
ナチュラル・ほんわか — リーフグリーン × アプリコット
孤独解消・仲間づくり。Klee One / Shippori Mincho B1 / M PLUS Rounded 1c
Fullscreen Scroll Snap
A — 01
5セクション × 100dvh スナップ
「ひとりじゃないよ。いっしょに息を抜こう。」
各セクションが全画面。右サイドに進捗ドット。プログラムは横スクロール内包。
Editorial Magazine
A — 02
雑誌風エディトリアルグリッド
「安心して来ていい。ここは、ママのための場所。」
Shippori Mincho 巨大見出し。3カラム非対称グリッド。プルクオート。-2deg傾き画像。
Day Timeline
A — 03
当日タイムライン縦ストーリー
「子どもと一緒に、もっと楽しい毎日へ。」
中央ラインに沿って時系列ノードが左右交互展開。スクロール連動でライン描画。
Style B
クリーン & ジェントル — ネイビー × ミント × ホワイト
医療の信頼感・清潔感・専門性。DM Sans / Noto Serif JP / Plus Jakarta Sans
Dashboard KPI
B — 01
ダッシュボード / KPIカード型
「安心して来ていい。ここは、ママのための場所。」
参加者500+・ブース30+・専門医15名をKPI数値で強調。カウントアップアニメーション。
Newspaper Grid
B — 02
新聞レイアウト・マルチカラム
「医療の知識と、地域の温かさが集まる日。」
Noto Serif JP + DM Mono。3段新聞組み。縦・横罫線。マストヘッド形式のヘッダー。
Side Nav App
B — 03
固定サイドナビ・アプリUI風
「子育てを、もっと軽くしていい。」
左260px固定ナビ + 右スクロールコンテンツ。スクロール連動ナビハイライト。アコーディオン。
Style C
ハッピー & ポップ — ピンク × オレンジ × イエロー
楽しさ・体験・ポジティブ全開。Nunito / Dela Gothic One / Potta One
Diagonal Fes
C — 01
フェス公式サイト風・斜め区切り
「子どもと一緒に、もっと楽しい毎日へ。」
clip-path斜め区切り。フルブリードビジュアル。テキストマーキー。コンフェッティアニメ。
Storybook
C — 02
絵本ストーリーブック
「この笑顔に、出会いに来てほしい。」
Dela Gothic One。左右交互カラーパネルで絵本感。wobbly有機的ボーダー。ページ構成。
C — 03
グリッド + モーダルポップアップ
「笑顔の数だけ、思い出が増える。」
Potta One。インスタ風カラーグリッド9枚。タップで詳細モーダルが下からスライドイン。