制作コメント

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構成の作り方の記事はこちらをご参考になさってください！↓

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

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時間持続することをデザインで表すために氷のようなデザインを文字に施しました。

デザイン画像

他の制作実績

制作実績一覧へ

他の制作実績

制作実績一覧へ

制作コメント

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

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

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

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

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

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

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

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

デザイン意図

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

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

工夫したところ

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

デザイン画像

他の制作実績

制作実績一覧へ

制作コメント

エコキュート(給湯器)トラブルのLPを制作しました。

デザイン非公開案件ですが、制作エピソードをご紹介します。

制作期間は約2ヶ月で、冬が始まり滑りこみで広告運用がスタートしました。
プロジェクト形式での進行であったため撮影やロゴ素材の連携、途中変更など色々ありましたが、かなり良い結果になったことを共有していただけたので本当に頑張って良かったなと思えた案件のひとつです。

納品して終わりではなく、運用結果を共有いただけたからこそ新たな気づきや達成感を感じることができたのでご担当者様には感謝です。

こちらの非公開LPデザインは、何かの機会でお会いできた方へこそっとお見せしますね...

広告運用結果

運用開始4週間のサマリーです。

• コンバージョン8.73%
• 売上目標85%達成
• 運用開始2週間で10件ご成約

かなり良い結果がでて、クライアント様も喜んでくださいました！

4週間の平均は6.3%くらいでした。(一般的にLPの平均的なCVRは2〜3％とされています)

ご要望のデザイン

• フラットデザイン
• 古いデザインはNG・余白わりと多め
• 白色をベースに

袋とじ文字やグラデーション、キラキラ背景は古いイメージがあるとのことで使用不可でした。

ブランディングサイトとの中間のような感じで、その中でメリハリをつける必要があります。

工夫したところ

起用タレントの衣装カラー(コーポレートカラーと同じ)、ボタンカラー、ロゴカラーは決まっているのでそこから逆算して見出しなどに使用できる色を決定します。

さらに白色ベースとのご要望なので見出しやキーカラーになる色のバランスが悪くならないように、全体の配色はかなり時間をかけて工夫しました。

また、使用色もブルー系を多用してしまうと「水のトラブル」や「冷たい」イメージになってしまい「給湯器」の暖かいイメージと離れてしまうため暖色中心のセレクトになります。

難しかったところ

余白もあり、フラットなデザインの中でメリハリをどのようにつけるかが難しかったです。

素材や色がある程度決まっているので楽かと思いきや、そこからバリエーションを広げて複数ご提案したので頭をひねるのが大変でした。

「白い背景がいい」と言っても実際に作ると「なんか寂しいな...」となり背景パターンを20案以上出しましたが、結局最初の白背景になりPC版デザインとも区別したものが採用となりました。

コーディング

実装はWordPressです。

お問い合わせフォームが使えるためだったと思います。

ElementorプラグインとWP formsを使用しました。 HTML/cssより工数が何倍もかかるなぁと改めて実感しました。

お問い合わせフォーム

お問い合わせフォームのデバック作業に思ったより手間と時間がかかりました。
使用するメールアドレスによっては、迷惑メールに弾かれてしまい「メールが届かない」トラブル解決に時間がかかり公開日がずれ込んでしまう事態になりました。

ワードプレスで使用するメールアドレスはドメインと同じものが好ましくgmailなどは迷惑メールに分類されてしまいがちですが、一度デバックの段階で迷惑メールに分類しない設定をすればその後受信メールに届くようになります。

アップデートとバックアップ

システムやプラグインのアップデートも適宜必要になるためクライアント様ができるのか、デザイナーが担当するのか事前に決めておくのがおすすめです。

アップデート作業はバックアップを取ったり何かと細々工数がかかるためそこをデザイナーがやるかやらないかで制作費用を変えても良いと実感しました。

もちろん公開後の維持、管理段階ではなく制作段階でも上記のような作業が必要になります。

後になって、「結構大変だな...」と思わないためにも実際かかる工数を制作前にすり合わせして誰が担当するか明確にしておくことが大切だと実感しました。

まとめ

他の制作実績

制作実績一覧へ