Have you ever stopped making an LP and wondered how to connect it here?
Change the color?
Open the margin?
Do you put a line?
Actually this,
The most confusing point for beginners ☝️
But, uh,
How to connect sections
It's not something you choose based on your sense.
The important thing is
👉 next section
How does the reader's mind change?
Interest - Empathy
Empathy → anxiety
Anxiety → Hope
Convinced → action
When you understand this "flow of emotions,"
What kind of connection should I choose?
It will be decided naturally.
In this post...
So that beginners do not get lost
・ Concept of Major Premise
・ Perspective to judge
Example of Section Joining Pattern
I put together 🌷
Making LP.
From "Somehow Design"
people who want to go to think design
Please save and look back while you work! 🌷 ︎
💬 was always lost when making an LP...
Which section do you stop at the most? 👀
Let me know in the comments ♡
Nice to meet you!
🌷 Jibun Kaika Web Designer Yoko 🌷
🌼 on this account 🌼
For fledgling web designers and moms aiming to become web designers
🌷 web design knowledge
🌷 Parenting Mom's Worries While Studying Web Design
🌷 How to work as a freelancer
🌷 to become a freelance web designer
I'm sending out such things!
If you want to know more, please follow me!
How do you want to be a web designer?
What kind of self do you want to be?
Let's aim for a life where we can definitely do what we want 🌷
「セクションタイトルのデザイン」、私も最初は“なんとなく”で決めていました。装飾を増やせば見やすくなる気がして、線を引いたり背景を変えたり…でも後から見返すと、タイトルだけが主張しすぎたり、逆にどこが区切りか分かりにくかったり。そこで意識するようになったのが、セクションタイトル＝見た目ではなく「読み進めてもらうための装置」だという考え方です。 まず、セクションタイトルで決めたいのは「ここで読者の気持ちをどう動かすか」。たとえばファーストビュー直後は“興味”が強いので、タイトルは短く・強くしてテンポよく入るのが合いました。逆に「共感→不安」のパートでは、あえて余白を広めに取り、タイトルも少し柔らかい言い回しにすると、読者が感情を受け止めやすくなります。デザイン要素（色・線・囲み）は、その感情の変化をサポートするために使う、という順番にすると迷いが減りました。 次に便利だったのが「情報の重さ」でタイトルの存在感を変えること。悩みの提示や問題提起など“重い”情報の前後では、装飾を盛りすぎず、余白と文字サイズで落ち着かせる。ベネフィットや解決策など“軽い”情報では、少し明るいトーンやアイコンを足して、読み手の気分を持ち上げる。これだけで同じフォントでも印象が変わります。 そして「一呼吸いるか？」の視点。読者に考えてほしい場面（例：失敗の原因、現状の棚卸し）では、セクションタイトルの上に余白を入れたり、背景を薄く切り替えて“区切り”を作る。逆に勢いで読ませたい場面（例：手順、チェックリスト）では、背景は同色のまま、タイトルだけを整えてスムーズにつなぐ方が読了率が上がる感覚がありました。 最後に、私がよく使う簡易ルールを置いておきます。①強調したいセクションは「背景トーン変更 or 囲み」②自然につなぎたいセクションは「同色背景＋タイトル整形」③視線を下へ流したいときは「斜め・三角・曲線」などの“つなぎパターン”を使う。セクションタイトルのデザインに迷ったら、まずは感情→情報の重さ→呼吸→強調/つなぎの順にチェックすると、決め手が見つかりやすいです。
