Web制作 自主制作サンプル集

01 ／ 女性向けウェルネス

ほどけの森
がんばらない健康習慣のオンラインコミュニティ

• やわらか・自然
• 写真主導
• 明朝＋ゴシック

「女性向け・健康・自然」のテイストで作ったLPです。生成りと苔の緑、朝の光の写真で、落ち着いた世界観にしました。

• あおらない共感の言葉と、1プランだけの分かりやすい料金
• 効果を断定しない書き方（健康関連の広告表現に配慮）
• 架空の人物・声は、すべて「架空」と明記

02 ／ 士業（税理士事務所）

かずのは税理士事務所
フリーランスのための確定申告と記帳

• ポップ・親しみ
• 図形イラスト（写真なし）
• 丸ゴシック

「税理士は敷居が高い」を崩すため、あえて青と黄の色面と図形イラストで明るく作りました。信頼感は、料金を先に見せることと、分かりやすい流れで出しています。

• チケット型の料金カード・チャット風の悩み・点線でつながる相談の流れ
• 「必ず」「最安」などの断定・比較の言葉を使わない
• イラストはすべて自作のSVG

03 ／ 店舗・物販（コーヒー豆店）

クロツグミ焙煎所
夜に焙煎する、小さなコーヒー豆店

• ダーク・雑誌風
• 写真主導
• 極太見出し＋欧文

暗い背景と一灯の写真で「夜の焙煎所」の世界観を出したLPです。オンラインで豆を買う流れまで1ページにまとめました。

• 横スクロールの商品一覧と、焙煎度のゲージ
• 2問で選べる豆診断（ページ内だけで動く）
• スマホでは画面の下に購入ボタンを固定