p

r

o

d

u

c

t

IN BLOSSOM ONLINE SCHOOL様

フラワーアレンジメントの「IN BLOSSOM ONLINE SCHOOL」様のオンラインサロン集客用LPを制作しました。

制作年

2025年10月

制作期間

約2週間

対応範囲

ヒアリング / トンマナ設計 / 情報設計 / ワイヤーフレーム作成 / デザインカンプ作成 / Studio実装 (ファーストビュースライドショー)/ レスポンシブ対応(スマホ・タブレット)

使用ツール

figma / Photoshop / Canva / Studio

WEB SITEはこちら

デザインのポイント

1.ブランドの世界観を体感できるファーストビューを設計

最初に目に入るフラワーアレンジメントのスライドショーをメインに使用し、コピーを重ねる位置・余白の取り方にもこだわり、第一印象でブランドの上質感が伝わるようにデザインしました。

2.上品で安心感のある配色とタイポグラフィ設計

ベースカラーに淡いグレー、アクセントにラベンダーを使用し、落ち着きと高級感を両立。フォントは細めの明朝体を採用、あしらいなどの線も細めにすることで、繊細かつ洗練された印象になるよう意識しました。

3.写真とテキストのリズムで飽きのないビジュアル展開

花の写真・レッスン風景・講師写真をバランス良く配置し、LP全体でシンプルながらも単調にならないページ展開を意識しました。写真のトーンを統一し、全体で一貫したブランドイメージを保っています。

4.大理石柄の固定背景による奥行きと高級感の演出

全体の背景に大理石模様を設定し、スクロール時にも背景が固定されることで、パララックス的な効果になるようにしています。これにより、ページに奥行き感が加わり、静的でありながらも“動きを感じる”リッチな印象を実現しました。

5.行動を促すCTAデザインの最適化

申し込みボタンはブランドカラーを反映しながらも視認性を重視し、濃いパープルをご提案させていただきました。背景の明暗差を活かし、自然に視線が誘導される位置にCTAを3箇所に配置し、ユーザーの行動を促しています。

contact

具体的なイメージが決まっていなくても

大丈夫です。

まずはお気軽にご相談ください。

contact me

contact