Ms DESIGN WORKS

LANDING PAGE

WEBデザイン5日間チャレンジプログラム|LP

WEBデザイン5日間チャレンジプログラム|ランディングページ 無料チャレンジプログラムへの参加を促し、その後の講座案内へつなげることを目的に制作したLPです。 制作範囲 LPデザイン、実装 使用ツール Photoshop 、HTML / CSS 制作概要 目的 無料チャレンジプログラムへの誘導および講座案内への導線設計 ターゲット 40代前後の男女WEBデザインに興味がある方在宅で働ける仕事を探している方 ご要望 明るく信頼感のある印象スマートフォン特化(アクセスの95%がスマホ) デザインのポイント スマートフォンからのアクセスが大半を占めるため、スマホに最適化した設計で制作しています。「明るさ」と「信頼感」を軸に、参加へのハードルを下げつつ行動につながる構成を意識しました。 ・スマホ特化の設計 スマートフォンでの閲覧を前提に、視認性や操作性を重視したレイアウトにしています。文字情報を中心に構成し、サービス内容が一目で伝わるよう設計しています。 ・ファーストビュー設計 「WEBデザイン」の文字を強調し、何のサービスか瞬時に理解できる構成にしています。力強さと明るさを感じられるよう、文字の太さやバランスを調整しています。 ・フォント設計 親しみやすさと信頼感を意識し、ゴシック体を採用しています。視認性を高めることで、ストレスなく情報を読み取れるようにしています。 ・配色設計 明るさと信頼感を表現するため、ベースカラーは爽やかで清潔感のある色味を使用しています。アクセントカラーで視線誘導を行い、重要な情報が目に入りやすいように設計しています。 ・CTA設計 ボタンには背景とのコントラストが高い黄色系を使用し、視認性を確保しています。また、クリックを想起させるアイコンを配置することで、直感的に行動へつながるよう工夫しています。 ・コンバージョン設計 カウントダウンタイマーを設置することで、期限を意識させ、参加への動機づけを高めています。 PREVNEXT 実績一覧に戻る

ゴルフスクール体験レッスン|LP

ゴルフスクール体験レッスン|ランディングページ 無料体験レッスンへの参加を促し、入会につなげることを目的に制作したLPです。 制作範囲 LPデザイン、実装 使用ツール Photoshop / Wix 制作概要 目的 無料体験レッスンへの誘導および入会促進 ターゲット 50〜60代男性ゴルファー デザインのポイント 体験レッスンへの参加ハードルを下げることを目的に、「安心感」と「イメージのしやすさ」を重視して設計しました。 ・ファーストビュー設計 スタジオの様子が伝わる実際の写真を使用し、レッスンのイメージが直感的に伝わる構成にしています。 また、「マンツーマン指導」「ゴルフ練習し放題」といった訴求ポイントが一目で伝わるようレイアウトしています。 ・ターゲットに配慮した可読性 50〜60代のユーザーを想定し、文字サイズやコントラストを意識した設計にすることで、ストレスなく読み進められるよう配慮しています。 ・フォント設計 親しみやすさと読みやすさを重視し、ゴシック体を採用しています。気軽に参加できる印象を与えるとともに、視認性を高めています。また、「全額返金」といった重要な訴求は強調されるよう調整しています。 ・配色設計 ゴルフを想起させる緑系をベースに、安心感や落ち着きを演出しています。アクセントとして赤を使用し、重要な訴求やCTAを視覚的に際立たせています。 ・CTA設計 重要なボタンには視認性の高い赤を使用し、ユーザーの注意を引きながら行動を促しています。自然な導線の中で無理なく体験申し込みへと繋がるように設計しています。 PREVNEXT 実績一覧に戻る

ゆがみ矯正インソール|LP

ゆがみ矯正インソール|ランディングページ 商品の魅力と信頼性を伝え、購入につなげることを目的に制作したLPです。 制作範囲 LPデザイン、実装 使用ツール Photoshop / WordPress 制作概要 目的 インソールの購入促進 ターゲット 老若男女、O脚・X脚・猫背・外反母趾などに悩む方 ご要望 医療機関採用・特許取得の権威性と信頼感を伝える デザインのポイント ・信頼性と高級感を軸にした設計 医療機関採用・特許取得という強みを伝えるため、全体を通して安心感と上質さを意識しました。 ・ファーストビューでの訴求設計 強みが一目で伝わる構成とし、高級感のあるビジュアルと緩やかなカーブで印象づけています。 ・フォント設計 訴求部分には明朝体を使用し高級感と信頼性を強調。本文はゴシック体で視認性を確保しています。 ・配色設計 白をベースに清潔感を出し、青系のアクセントで誠実さと信頼感を演出しています。 ・CTA設計 自然に読み進められる導線を意識し、購入へとつながるCTAを配置しています。 ボタンにはポジティブな印象を与えるオレンジを使用し、視認性を高めながら行動を促す設計としています。 NEXT 実績一覧に戻る