LP DESIGN
Portfolio

ひとつの依頼に、
方向性の違う複数案を。

スマホ最適化のランディングページを、構成づくりからデザイン・実装まで一貫して制作しています。

美容サロンLPのファーストビュー
カフェLPのファーストビュー
マルシェイベントLPのファーストビュー

SAMPLE WORKS — 業種に合わせて、トーンから設計します

CONTACT
01One Brief, Three Tones

「おしゃれに」の解釈は、人の数だけある。
だから最初に、見比べられる形で。

言葉のすり合わせより、絵のすり合わせ。方向性の違う案を並べてから作り込むので、「イメージと違った」のやり直しが起きにくくなります。

選択中トーンのLPファーストビュー

Natural — やわらかい光と生成り色。親しみやすさ重視の案

この案の実物LPを開く
02Selected Works

制作サンプル

いずれも架空の店舗・サービスを題材にした自主制作です。

01美容・サロン

美容サロン「Lumo」予約獲得LP

Hair Salon — Reservation

FV・悩み共感・選ばれる理由・メニュー・スタイル・お客様の声・予約導線の8セクション構成。ネット予約の獲得に向けて、迷わせない一本道の流れに。

3トーン展開(ナチュラル/ラベンダー/エディトリアル)・スマホ最適化

実物のLPを見る
02スクール・講座

生成AIスクール「CraftHub」受講申込LP

School — Enrollment

紙白×墨×コバルト一滴の配色による12セクション構成。受講申込への説得を段階的に積み上げる、講座販売向けの流れに。

12セクション・エディトリアル系・スマホ最適化

実物のLPを見る

FV Design Samples

ジャンル別・ファーストビューの設計例

業種が変われば、配色も書体も構図も変えます。いずれも架空題材・1画面目のみのデザインサンプルです(クリックで拡大できます)。

a飲食・カフェWarm Craft
b整体・治療院Clean Trust
c物販・ECMoody Product
dイベントVivid Pop

Other Genres

and more...

教室・採用・商品販売など、掲載のないジャンルも同じ進め方(参考サイト分析 → トーン提案 → 制作)で対応します。ご相談いただければ、近いテイストのサンプルを新規に1枚制作してからご判断いただくこともできます。

03Reasons

選ばれる理由

1

複数案の提案と、修正の往復が速い

生成AIとコーディングを組み合わせた制作スタイルのため、方向性の違うデザイン案を短期間で複数ご用意できます。認識のズレを最初の分岐で潰します。

2

スマホ表示を実際に検証して納品

スマホ・タブレット・PCの3つの画面幅で表示崩れを実測チェック。文字の読みやすさ、ボタンの押しやすさまで確認してからお渡しします。

3

広告表現・アクセシビリティに配慮

美容・健康系で注意が必要な表現(薬機法・景品表示法)に配慮した構成を心がけています。コントラストやキーボード操作のしやすさもチェック項目に入れています。

04Process

制作の進め方

1

ヒアリング

LPのゴール(予約・購入・応募)、流入元(広告・SNS・検索)、参考にしたいサイトを伺います。

2

構成のご確認

何をどの順番で見せるか、セクション構成を先にご確認いただきます。文言の方向性もここで。

3

デザイン案のご提案

方向性の違うトーンを複数ご提案。進める案を選んでいただいてから作り込みます。

4

修正・納品

ご要望を反映して仕上げます。納品は高解像度の画像一式+そのまま表示できるHTMLが標準。

各段階で必ず確認を挟みます。いきなり完成形を送りつけることはしません。

お受けできること

  • スマホ向けLPの構成・デザイン・実装
  • デザイン案の複数トーン提案
  • 写真素材の生成AIによる用意
  • 納品後の軽微な文言修正

納品形式 — 正直にお伝えします

  • 標準:高解像度の画像一式(PNG)+表示用HTML
  • Figmaへの配置・整理も対応可能
  • PSDでの完全編集データは事前にご相談を
  • サーバー公開作業は内容によりご相談を

Price

¥30,000〜 / 1本

構成のご提案から、方向性の違う複数デザイン案・修正対応まで含めた金額です。
ボリューム・素材の有無により変わります。お見積りは無料です。

namakel designProfile

デザインとコーディングの両方を一人で担い、LP・Webサイト・Webツールを制作しています。ご相談から納品まで、やり取りの相手が変わらないのが小さな工房の良さです。このサイト自体も、掲載サンプルもすべて自分の手で作っています。

制作の様子はXで発信しています ↗
05Q & A

よくある質問

Q修正は何回までできますか?

A

デザイン案の選定後、大きな修正2回まで+文言などの軽微な修正は柔軟に対応、が基本です。回数より「ズレを早い段階でなくすこと」を大事にしているので、構成とトーンの確認を最初に挟みます。

Q納期はどのくらいですか?

A

標準的なボリュームのLPで2週間程度が目安です。お急ぎの場合は、内容を絞った短納期プランもご相談ください。

Q写真素材がなくても頼めますか?

A

はい。生成AIで人物・店舗イメージなどの素材をご用意できます。実際の店舗写真・商品写真をお持ちの場合は、そちらを優先して使います。

まずは、作りたいLPのことを
聞かせてください。

ご相談・お見積りは無料です。まだぼんやりしている段階でも大丈夫です。

CONTACT

クラウドワークスのプロフィールページが開きます