LP

WebデザインスクールオンラインセミナーLP Webデザインスクールの、地方向けオンラインセミナーへのお申込みを目的としたLPを制作しました。 ターゲットは、Webデザインに興味のある地方在住の男女。地域ごとにファーストビューのデザインや文字列が切り替わる仕様にし、それぞれの地域に住む方が「自分に向けた案内」と感じられるよう設計しました。 担当範囲：デザイン・コーディング使用ツール：Photoshop / VSCode / HTML / CSS クライアントの要望 クライアント様からは、以下のご要望をいただきました。 ・それぞれの都道府県に合わせたファーストビューデザインを作成したい・住んでいる地域によって、デザインや文字列が変わるようにしたい ご要望を踏まえ、地域ごとにランドマーク写真やテキストを切り替え、ユーザーが自分事として受け取りやすいLPになるよう制作しました。 制作で工夫したこと 地域ごとに自分事化しやすいファーストビュー 47都道府県それぞれでFBVの画像を制作し、住んでいる都道府県や地域によって、ファーストビューのデザインやLP内の文字列が変わるように実装しました。地域名やランドマークが入ることで、ユーザーが「自分の地域に向けた案内」と感じやすくなり、セミナーへの関心を高められるようにしています。 ランドマーク写真で地域性を演出 それぞれの地域の人に親しみを持って見てもらえるよう、ファーストビューには各地域のランドマーク写真を使用しました。ただ地域名を入れるだけでなく、視覚的にも地域らしさが伝わるようにすることで、ページを開いた瞬間の印象を強めています。 明るく楽しそうなカラフルな配色 Webデザインを学ぶ楽しさや、前向きな雰囲気が伝わるよう、全体はカラフルな配色で構成しました。一方で、色数が多くなりすぎると情報が散らばって見えやすいため、重要な情報やCTAが埋もれないよう、配色のバランスを調整しています。 CTAが目立つボタン設計 無料セミナーへのお申込みにつなげるLPのため、CTAボタンの視認性を大切にしました。カラフルなデザインの中でもボタンがしっかり目に留まるよう、色のコントラストやボタンサイズを調整し、行動につながりやすい見せ方にしています。

オンライン結婚相談所のLP オンライン結婚相談所の、無料相談申込み数の最大化を目的としたLPを制作しました。 ターゲットは、主に40歳前後の未婚女性。将来への不安や、婚活へのハードルの高さを感じている方に向けて、安心して一歩を踏み出せるよう、信頼感と親しみやすさのバランスを意識してデザインしました。 担当範囲：デザイン使用ツール：Photoshop 目的 オンライン結婚相談所の無料相談申込み数を増やすことを目的に制作しました。真剣に婚活を考えている方に向けて、サービスへの安心感が伝わり、無料相談への行動につながるようデザインしています。 クライアントの要望 クライアント様からは、以下のご要望をいただきました。 ・幸せそうな35歳前後の女性と40歳前後の男性のイメージ写真を、ファーストビューに使用したい・ブランドカラーである淡いピンクを基調に、やさしく清潔感のある雰囲気にしたい ご要望を踏まえ、親しみやすさを感じられる淡いピンクをメインにしながら、婚活サービスとしての信頼感も伝わるようにデザインしました。 制作で工夫したこと 未来の自分をイメージしやすいファーストビュー メインビジュアルには、幸せそうなカップル写真を配置しました。 婚活サービスのLPでは、サービス内容を伝えるだけでなく、申し込んだ先にある未来をイメージしてもらうことが大切です。そのため、ユーザーが「自分もこんな未来を目指せるかもしれない」と感じられるよう、明るく前向きな印象の写真を使用しました。 淡いピンクで親しみやすさと清潔感を演出 ブランドカラーの淡いピンクをメインカラーに使用し、白をベースにしたやさしく清潔感のあるデザインに整えました。 ピンクの印象が甘くなりすぎないように、余白や写真の見せ方を調整し、大人の女性にも受け入れられやすい落ち着いた雰囲気を意識しています。 リアルな写真で安心感を強化 実際のカウンセラー紹介やカウンセリング風景の写真をLP内に配置し、サービスのリアルさが伝わるようにしました。オンライン結婚相談所は、申し込む前に不安を感じやすいサービスでもあるため、どんな人が対応してくれるのか、どんな雰囲気なのかが伝わることを重視しています。 申込みボタンが埋もれない配色に調整 全体は淡いピンクでやさしい印象にまとめつつ、無料相談へのボタンはしっかり目立つよう、ミントグリーンを使用し

オンライン英語コーチングスクールLP制作 オンライン英語コーチングスクールの、有料プログラムへのお申込みを目的としたLPを制作しました。 広告LPを見た方に向けたバックエンドオファーLPとして、サービスへの興味を高め、次の行動につながるようデザイン・コーディングを行っています。 ターゲットは、英語を習得したい40代の男女。ロゴカラーの赤と青を活かしながら、インパクトと信頼感のバランスを意識して制作しました。 担当範囲：デザイン・コーディング使用ツール：Photoshop / VSCode / HTML / CSS ご相談内容 クライアント様からは、「インパクトのあるデザインにしたい」「ロゴカラーの赤と青を使用したい」というご要望をいただきました。 英語学習に興味のある方が、サービス内容に前向きな印象を持ち、申込みへ進みやすくなるよう、ファーストビューの見せ方や配色バランスを意識して制作しました。   制作で工夫したこと 英語学習の未来が伝わるファーストビュー ページを開いた瞬間に「英語に関するサービス」であることが伝わるよう、メインコピー内の「英語」の文字を大きく目立たせました。また、英語を学んだ先の明るい未来をイメージできるよう、前向きで開放感のあるビジュアルを使用しています 赤と青を活かした配色設計 ロゴカラーである赤と青をメインカラーとして使用し、ブランドイメージとの統一感を出しました。 スマホでも読みやすいレイアウト LPはスマートフォンで見られることも多いため、文字サイズや余白、ボタンまわりの見やすさにも配慮しました。デザインからコーディングまで一貫して対応し、PC・スマホどちらでも見やすいページになるよう調整しています。

目的 BtoB向けサロン専売炭酸パックの導入のためのLP ターゲット 美容サロン経営者（女性）・美容室等美容関係の商材を仕入れる決済・美容室サロンオーナー等 掲載場所 META広告 クライアントの要望 ・インパクトのあるデザイン・スマホでも見やすいように文字サイズ 工夫した点 ・提供された写真をよりよく見せるためFVはパッケージの写真をゆがみの調整、背景の変更・高濃度炭酸が伝わるよう炭酸をイメージした背景と組み合わせました。 担当 デザイン、コーディング 使用ツール Phoroshop、VScode、Illustrator、HTML、CSS 制作時期 2025年5月

エステサロン店舗集客用LP オンライン英語コーチングスクールの、有料プログラムへのお申込みを目的としたLPを制作しました。 広告LPを見た方に向けたバックエンドオファーLPとして、サービスへの興味を高め、次の行動につながるようデザイン・コーディングを行っています。 ターゲットは、英語を習得したい40代の男女。ロゴカラーの赤と青を活かしながら、インパクトと信頼感のバランスを意識して制作しました。 担当範囲：デザイン・コーディング使用ツール：Photoshop / VSCode / HTML / CSS ご相談内容 クライアント様からは、「インパクトのあるデザインにしたい」「ロゴカラーの赤と青を使用したい」というご要望をいただきました。 英語学習に興味のある方が、サービス内容に前向きな印象を持ち、申込みへ進みやすくなるよう、ファーストビューの見せ方や配色バランスを意識して制作しました。   制作で工夫したこと 英語学習の未来が伝わるファーストビュー ページを開いた瞬間に「英語に関するサービス」であることが伝わるよう、メインコピー内の「英語」の文字を大きく目立たせました。また、英語を学んだ先の明るい未来をイメージできるよう、前向きで開放感のあるビジュアルを使用しています 赤と青を活かした配色設計 ロゴカラーである赤と青をメインカラーとして使用し、ブランドイメージとの統一感を出しました。 スマホでも読みやすいレイアウト LPはスマートフォンで見られることも多いため、文字サイズや余白、ボタンまわりの見やすさにも配慮しました。デザインからコーディングまで一貫して対応し、PC・スマホどちらでも見やすいページになるよう調整しています。 エステサロンの店舗集客用LP 前提条件 デザインの説明 やわらかさのある女性らしいイメージにするため、FVや見出しは明朝体で揃えました。サロンの高級感が伝わるよう、ゴールドをベースにしていますが、読みやすいよう文字の視認性を意識してデザインしました。お申し込み部分はしっかりと目立ちわかりやすいようにアクセントカラーのオレンジ、赤を使用しています

webデザインスクール無料セミナーLP オンライン英語コーチングスクールの、有料プログラムへのお申込みを目的としたLPを制作しました。 広告LPを見た方に向けたバックエンドオファーLPとして、サービスへの興味を高め、次の行動につながるようデザイン・コーディングを行っています。 ターゲットは、英語を習得したい40代の男女。ロゴカラーの赤と青を活かしながら、インパクトと信頼感のバランスを意識して制作しました。 担当範囲：デザイン・コーディング使用ツール：Photoshop / VSCode / HTML / CSS ご相談内容 クライアント様からは、「インパクトのあるデザインにしたい」「ロゴカラーの赤と青を使用したい」というご要望をいただきました。 英語学習に興味のある方が、サービス内容に前向きな印象を持ち、申込みへ進みやすくなるよう、ファーストビューの見せ方や配色バランスを意識して制作しました。   制作で工夫したこと 英語学習の未来が伝わるファーストビュー ページを開いた瞬間に「英語に関するサービス」であることが伝わるよう、メインコピー内の「英語」の文字を大きく目立たせました。また、英語を学んだ先の明るい未来をイメージできるよう、前向きで開放感のあるビジュアルを使用しています 赤と青を活かした配色設計 ロゴカラーである赤と青をメインカラーとして使用し、ブランドイメージとの統一感を出しました。 スマホでも読みやすいレイアウト LPはスマートフォンで見られることも多いため、文字サイズや余白、ボタンまわりの見やすさにも配慮しました。デザインからコーディングまで一貫して対応し、PC・スマホどちらでも見やすいページになるよう調整しています。 webデザインスクール無料セミナーLP 前提条件 デザインの説明 授業のイメージが伝わるよう、ファーストビューは黒板風のデザインにしました。また、リアルな写真を多く使用することで、スクールの雰囲気が伝わり信頼感が増すよう意識しました。