クライアントの課題・ご要望

課題解決のためのアプローチ

■ 構成・マーケティングの工夫

構成案とテキストはご提供いただいておりましたので、その中でサービス内容が簡潔に伝わるように整理しました。

• サービス内容が一目で伝わるように、情報を整理しグルーピングする
• CTAボタンはワードプレスの設定で追従させて表示する

■ デザイン・UI/UXの工夫

• 公式サイトとトンマナを合わせるためフォントサイズ、余白、配色に注意する
• スマホ閲覧で最適に表示されるよう、特に文字サイズに気をつける

デザイン完成画像

クライアントからのお声

制作コメント

今回は不動産サービスのLPを制作させていただきました。
デザインしたものをワードプレスで実装し、テストサイトで確認をしていただき本番サイトへ引っ越しする流れを全て担当させていただきました。

他の制作実績

楽天市場 商品ページ用LP

海外留学サポートサービスLP

アジフライ/楽天LP

コーチングLP【デザインリニューアル】

GOLD'S GYM 店舗LP

エコキュート(給湯器)トラブルLP

古民家活用 不動産紹介サービスLP

販売促進用(ECサイト/シリカ)LP

販売促進用(ECサイト/枕)LP

制作実績一覧へ

制作コメント

2年の研究と100通りの試作を経て開発されたアジフライを楽天で販売するためのLPを制作しました。

商品本文の部分に表示される縦長のLP(画像をつなげたもの)です。楽天やAmazonで共通して使えるもので、横1000px縦1500pxの共通した大きさの画像を7枚制作しました。

スマホ閲覧時の横スクロール用正方形画像は必要あれば別途リサイズし制作可能です。
今回は縦長の長方形のみでした。こちらの方が情報量を多く盛り込むことができます。

デザイン意図

ご依頼時に、商品の画像が少なかったため、提供いただいた商品画像を参考にしてAIで作成しました。

・尻尾と骨がない→お子様も安心して丸ごと食べられることを強みとした
・アジフライを食べている素材→撮影ができないのでAIで作成
・お刺身レベルの新鮮な魚→長崎県がアジフライの聖地をアピール
・選べる量や普段使いしやすい→3種類の小分け包装＆バラ冷凍を訴求

上記の差別化や強みなどを訴求するための画像がなかったためAIで作成しました。

素材作成のほかに、構成についても作成してほしいとのご相談でしたのでユーザーの心理に沿ってLPの構成、コピーも制作させていただきました。

工夫したところ

文字ばかりが並ぶとユーザーは読まないので、できるだけ見出しで内容が伝わるようにし、写真を見ただけでも分かるようにしました。

また、テキストはメリハリをつけたデザインで重要なものは目に飛び込んでくる工夫をしています。

ある程度の素材はいただいていましたが、
箸揚げ素材や油で揚げている調理素材、調理例なども欲しかったためAIで作成しました。

まとめ

縦長の長方形デザインは、スマホ閲覧時の横スクロール用にも使えますし、情報量も多く入れられるのでおすすめです。
別途正方形にする場合は、テキスト量を整えたデザインのリサイズが必要なためプラス20,000円で承っております。

デザイン画像

制作コメント

老舗水産加工会社様の明太子を楽天で販売するためのLPを制作しました。

商品本文の部分に表示される縦長のLP(画像をつなげたもの)です。楽天やAmazonで共通して使えるもので、横1000px縦1500pxの共通した大きさの画像を7枚制作しました。

スマホ閲覧時の横スクロール用正方形画像は必要あれば別途リサイズし制作可能です。
今回は縦長の長方形のみでした。こちらの方が情報量を多く盛り込むことができます。

デザイン意図

食品のLPのポイントは、「美味しそうに見える」ことと、「購買意欲がわく」ことです！

具体的には、明太子でシズル感を出し、購買意欲を刺激するためには、「粒立ち（質感）」「テリ（鮮度）」「利用シーン（ご飯との相性）」の3点を強調する写真が必要です。

ご依頼時に、商品の画像が用意できないとのことだったので、既存HPより商品画像を拝借しAIで作成しました。

効果的な構図や撮影方法は、

1. ほかほかの白米に乗せた「オン・ザ・ライス」の構図
明太子の赤と白米の白のコントラストは、日本人の食欲を最も刺激する組み合わせです。

ポイント: ご飯から湯気が出ている演出を加えると、炊きたての温かさと明太子の新鮮さが伝わります。
アングル: 斜め上45度、または真横に近いアングルから撮ることで、明太子の立体感を強調します。

2. 「箸上げ（リフト）」による動的な構図
箸で明太子をつまみ上げている、またはご飯と一緒に持ち上げている瞬間の写真は、今まさに食べる瞬間を連想させ（臨場感）、強烈な食欲をそそります。

ポイント: 明太子の重みで箸が少ししなる様子や、少し崩れて中身が見える様子などを捉えます。

3. 接写（マクロ）で「粒立ち」と「テリ」を見せる
購買意欲につなげるには、商品の質の良さを伝える必要があります。かなり寄った写真（接写）で、一粒一粒が立っている様子（粒立ち）を見せます。

ライティング: 「半逆光（斜め後ろからの光）」を当てると、表面の水分や油分がキラッと光り（テリ）、瑞々しくジューシーに見えます。

4. 断面を見せる（レア感の強調）
一本物の明太子の場合、包丁で切った断面を見せることで、薄皮の張り具合と中身の詰まり具合（ボリューム感）をアピールできます。

演出: 半生の状態や、あふれ出る粒子感を強調します。

上記の構図で商品の写真を作成し、効果的にLPに使用することができます。
・商品の撮影ができない
・既存の商品写真が古い
・高画質の素材がない
・LPに使用できる構図のものがない
など、お困りの方もお任せください！

なお、AI生成した写真はgoogle nanobanana proで作成し商用利用可能なものです。(可能であれば注意書でAI作成したものと追記した方が良い)

素材作成のほかに、構成についても作成してほしいとのご相談でしたのでユーザーの心理に沿ってLPの構成、コピーも制作させていただきました。

商品情報を提供いただき、こだわりや他社との差別化、強みなどを入れた構成で作成しました。

工夫したところ

文字ばかりが並ぶとユーザーは読まないので、できるだけ見出しで内容が伝わるようにし、写真を見ただけでも分かるようにしました。

また、テキストはメリハリをつけたデザインで重要なものは目に飛び込んでくる工夫をしています。

工程などはインフォグラフィックを作成し図解でわかるようにしました。

まとめ

縦長の長方形デザインは、スマホ閲覧時の横スクロール用にも使えますし、情報量も多く入れられるのでおすすめです。
別途正方形にする場合は、テキスト量を整えたデザインのリサイズが必要なためプラス20,000円で承っております。

デザイン画像

制作コメント

全国にあるゴールドジム店舗用LPを制作させていただきました。

店舗情報、プラン内容、FAQなどは各店舗で編集できるようにしています。
キャンペーンチラシやボイスはスライダーで見やすくし、ヘッドのナビゲーションメニューはスマホの時はコンパクトにハンバーガーメニューで実装しています。

デザイン意図

ゴールドジムのブランドカラーを崩さず、ポイントに赤を使用しました。

ターゲットは、ムキムキを目指していない一般の方です。
「健康志向」「運動する習慣」「気軽に本格的なマシーンが使える」「筋トレのきっかけにしたい」などプロのイメージが強いGOLD'S GYMでもデイリーに使用できることを知っていただくためのLPです。
メインビジュアルにはターゲット(日本人)が実際にマシンを使っている画像を使い、「未来の自分がイメージできるように」しました。

ユーザーの感情に訴えかけ、共感や理想の姿を連想させる画像は、CVR向上に有効な可能性があります。

工夫したところ

ボタンは目立つカラーで、他では使われていない色にしています。キラリと光るアニメーションもつけています。

さらに下部追従することでユーザーのアクションを逃さない、探させないことでストレスをかけない工夫をしました。

LPではボタンカラーにオレンジまたは緑がよく使われ、本LPにも両方を採用しています。

なぜかというと、それぞれの色が持つ心理的効果と視認性の高さから、ユーザーの行動を効果的に促せるためです。

オレンジは「エネルギー」「楽しさ」「フレンドリーさ」を連想させ、緑は「安心感」「信頼」「前向きな行動」を連想させます。

CTAボタンは、LPのデザイン背景とコントラストが高いと視認性が高まります。
最適な色はサイトのデザインやターゲットユーザーによって異なるため、ABテストを行い、最もクリック率が高い色を見つけることが重要です。 

まとめ

ホームページではなく、体験予約がコンバージョンとなるLPなので説明はシンプルにしてユーザーが知りたい内容を設置しデザインしました。

スマホでは大量の情報で間伸びしないように横スライダーを実装しています。

デザイン画像

制作コメント

当オフィスが2025年2月に制作させていただいた、アスリートや一般の人々の心の状態を整理し、パフォーマンス向上や目標達成へと導くスポーツメンタルコーチ業のLPをデザインリニューアルさせていただきました。
(コーチの画像などはモザイクをかけています)

デザインリニューアルについて

「ユーザーの信頼を獲得するための要素」を強化するためにセクションを追加し、デザインさせていただきました。
リニューアルヶ所は以下の通りです。

・ビジュアル写真やメインコピー、プリヘッド、サブコピーを刷新

・3ヶ所あるCTAのマイクロコピーを変更

・メンタルコーチングを利用するとどうなるのか「ビフォーアフター」を追加

・得られるメリットにイメージ写真を追加

・新しい利用者の声を追加

・コーチの資格証画像を追加

工夫したところ

CTAボタンは3ヶ所設置しており、マイクロコピーをそれぞれ場所によって変えています。
ボタンにはふわふわ膨張するエフェクトをかけています。

デザイン画像

制作コメント

構成を新規作成したデザインリニューアル案件です。

LP構成について

効果的なLPの構成にしたいとのことでご相談があり、「QUEST（クエスト）」のフレームワークに沿って構成を作成しました。
ユーザーの心理に沿った流れで作成することで行動を促し、感情を動かします。

ターゲット顧客の心を掴み、行動を促す「原稿の力」はとても重要です。

フレームワークを使ったLP構成の作り方の記事はこちらをご参考になさってください！↓

おすすめ記事

効果的なLPは原稿で決まる！【QUEST】フレームワークを使ったLP構成の作り方

目次CLOSE 1. なぜLP制作にQUESTが有効なのか？ 2. QUESTの5つのステップとLPへの応用 2.1. Qualify（ターゲット設定）：【あなたの問題を解決します】 2.2. Understand（…

千葉県のWEBデザイン制作オフィスです | ライムデザインラボ lime design lab.

ターゲット顧客を深く理解することの記事はこちらをご参考になさってください！↓

おすすめ記事

「クエスト」で満足？高CVRを出すLPは、有名フレームワークに【魂を吹き込む】

目次CLOSE 1. 鉄則１：【誰に響かせる？】成否を握る「ターゲット顧客」の解像度 2. 鉄則２：【心に突き刺さるか？】「顧客理解」に基づいた共感と解決策 3. 鉄則３：【思…

千葉県のWEBデザイン制作オフィスです | ライムデザインラボ lime design lab.

UI/UXについて

ボタンは常に下部に固定表示しユーザーの目のつくところに置くことで申し込みへの行動を促し、探させないことでストレスを軽減し満足度を高めることができます。

ワードプレスで実装しています。
固定ページで作成しブロックエディタを使用しました。ワードプレスはお問い合わせフォームが無料で使えるので便利です。

また複数LPを一つのサイトで管理できるところなど、汎用性が高いのでお勧めしています。

▼LPページ▼
https://limedesign-lab.com/realestate

デザイン意図

非公開希望の部分はモザイクをかけています。

・自然風景と古民家の魅力的が伝わるような色彩や画像を使用しデザインしました。

・他社の不動産サービスとの違いをわかりやすく伝えるため比較図を作成しました。

デザイン画像

制作コメント

求人サイトのLPを制作しました。

求人ボックスなどからLPへ流入する流れです。仕事を探していて募集要項に関心のある方が見る想定になっています。

広告運用はしない案件でした。広告をクリックしたら早くコンバージョンする目的ではなく、ユーザーを教育するような内容になります。

UI/UXについて

ヘッダーのナビメニューは上部固定されてユーザーが見たい場所へスクロールし誘導します。
ユーザーを教育しLPをじっくり読んでいただきたいため、サイトを使いやすくする工夫をしました。
また、お申し込みするボタンは常に下部に表示しユーザーに探させないことでこのLPを見た方への満足度を高めることができます。

デザイン意図

・セクションの背景にフリーグラデーションを使ってニュアンスのある背景画像を制作しました。

・働き方を表す円グラフを制作しました。
円で表すことで時間軸と働く内容が分かりやすく、1日の動きも直感的に伝わります。
昼型と夜型で比較したかったので24時間で時間を割りました。

デザイン画像

制作コメント

メジャーリーグ開幕戦・東京シリーズ記念 MLB限定デザインボトルLPを制作しました。

自社ECで使用するLPです。 商品プロモーション、ブランディングのためにデザイン制作しました。

メインビジュアルはスタジアムを背景に使用し迫力あるデザインにしました！

商品周知のため、ラインナップを見やすくし後から追加や修正などできるようにコーディングしています。

また、日本初上陸のアイスシェーカーのため、商品の特徴もわかりやすく伝えるため、文字だらけにならないように画像とバッジなどを使い見やすくデザインしました。

クライアント様から「後から編集できるようにしたい」とのご要望があれば差し替え可能なコーディングでご対応しています。 （事前に相談必要/ご担当者様にHTMLが分かる方がいれば可能です）

CTAボタンはすぐ押せる下部に固定していますが、周知が目的とのことでさりげないデザインにしております。

デザイン意図

「ICE SHAKER社」はアメリカのブランドで、テキサスの暑い外気温にも負けない保冷機能があります。冷たいまま保冷効果が10時間持続することをデザインで表すために氷のようなデザインを文字に施しました。

デザイン画像

制作コメント

AGA治療治療に伴うオンライン処方サービスのLPを制作しました。

既存LPのデザインリニューアルです。

コンバージョンは、無料診断へのお申し込みです。

CTAボタンはすぐ押せるように下部に固定しています。

既存LPはほとんどが画像で作られていたため、そちらからテキストを抜き出すためにgoogleレンズを使用しました。

コピペできる形式で原稿をいただけるとすぐにワイヤーフレーム作成に取り掛かれるので制作時間の短縮になります。

デザイン意図

ご提供いただいたロゴカラーに全体を合わせて欲しいとのご要望だったので、明度の高いブルーを基調に配色をご提案しました。

ターゲットは男性のため、メンズ脱毛やメンズエステ、メンズ美容商品などのデザインを参考にしました。

スマホで閲覧する前提のデザインなのでPC表示は中央に配置されるようにしています。(PC、スマホデザインを共通して使用)

特徴や他社との違い、医療の専門的な説明を分かりやすくデザインさせていただきました。

デザイン画像

制作コメント

コーチング業のLPを制作しました。

スポーツ選手の記録更新やメンタルサポートなどのお試しセッションを申し込んでいただくためのLPです。

メンタルコーチングすることで記録更新やパフォーマンスを最大限に引き出すことができ、マンツーマンのセッションを受けることができます。

【キャッチコピー】あなた史上最高の記録へ

【サブキャッチコピー】-スポーツメンタルコーチング-今までの記録を超えるために

【コンバージョン】無料セッションのお申し込み

お申し込みフォームはgoogleフォームを使用しています。

制作期間は年末年始を挟み1ヶ月半くらいです。

デザイン意図

ターゲットは、男女比率 / 男性多め、大学生から20代の若年層スポーツ選手です。信頼感を出すために落ち着いた配色で紺色/ゴールドを中心としました。

ところどころ若年層に合うポイントカラーとしてInstagram風のグラデーションカラーも差し色にしています。

工夫したところ

全体的に余白を多く取り入れて、広告っぽくないすっきりした印象にしています。

デザイン画像