株式会社Playground様 株式会社ウェブジェネレーションズの菅野と申します。 新サービスのLPデザインにつきまして、下記のご提案をさせていただきます。 何かご不明な点などございましたら、 お気軽にメッセージなどでご連絡をいただけますと幸いです。 ---------------------------------------------------------------------------------------------- ■担当デザイナーの経歴 Webデザイナー歴6年で、今までコーポレートサイトやサービスサイト、LP、採用サイトなどの制作をしております。 ■実績・得意 Figmaでのデザインからコーディング、WordPressの構築・導入、運用保守まで対応可能です。 特に弊社では、オーダーメイドでこだわったオリジナルデザインのWebサイト制作をしております。 実績につきましては、弊社ホームページや下記のコーポレートサイトを直近で制作しております。 ・株式会社アイスクリーム様：https://i-scream.co.jp/ ・弊社ホームページ：https://web-generations.co.jp/ ---------------------------------------------------------------------------------------------- 【デザインの前提条件】 ■「仕事の詳細」を基にデザインを行っています。 ■ファーストビューの画像は有料のものを使用しています。ファーストビュー以外の画像は無料のものを使用しています（※契約後、差し替え可能） ■一部の仮テキストや画像につきまして、株式会社Playground様のホームページから流用しているものもございます。 【デザインとキャラクターの使用について】 可愛らしいカニの被り物をしたキャラクターをホームページの方で拝見しました。 株式会社Playground様のイメージキャラクターかとお見受けしました。 今回「システム開発会社の自社新サービスのランディングページ制作」とのことで、せっかくですので、株式会社Playground様のイメージキャラクターさんに宣伝をしてもらっているような感じをLPで表現させていただきました。 特に、「無料」や「要件定義書作成」、「プロ」などのピックアップワードの箇所は株式会社Playground様のキャラクターがペンを持っており、PRしてくれているというようなストーリーで作っております。 また、キャラクターデータがなかったので、僭越ながらわたくしの方で作成をさせていただきました。 一部「悲しそうな顔をしているところ」などで色合いを変更している部分があります。 イメージに合わない、そういう想定ではなかったなど、ご意見ご要望などございましたら、柔軟に対応させていただきますので、お気軽にご連絡ください。 【サイトカラー】 ■株式会社Playground様のイメージキャラクターから取った「赤」をアクセントカラーに使用しています。 →特に目立たせたい部分や、ユーザーの目を惹かせたい「お問い合わせボタン」に使用に原色に近い赤を使用しています。 ■「赤」の補食である「青緑」を使用しています。 →特に「要件定義なしの場合」や「一般的な開発会社に依頼した場合」など、ユーザーにとってマイナスに作用するような文言の時に使用しています。 この「マイナスのカラー青緑」に「プラスのカラー赤」を入れることで、より赤の目立たせたい箇所が際立ち、ユーザーの視線誘導に繋がります。 ■サービスの箇所ではホームページにございました「黄色」を使用しています。 →赤との相性も良く、特にこの「青緑」「黄色」「赤」の配色は信号機にも用いられている色見で、「赤はより注意を引きたい色」「黄色は赤の次に注意を引きたい色」の意味合いもあり、この３つの色を使用しています。 【サイトの構成】 今回かなり細かく起承転結のストリートを事前にいただいていたので、概ねその流れで作成をしております。 一部私の方で解釈し、落とし込んだ構成部分の説明をさせていただきます。 ①「FV」：実写の有料画像にしています。 →システム開発やお見積り、要件定義作成をサービスとしているので、ファーストビューはPCを持ってご案内している男性の実写画像で、信頼感や安心感を演出しています。 ②「起」：この部分はこちらのLPを見にきたユーザーに対して「もしかして損をするのでは…」という意識を植え付け、Playground様に頼んだ方が安心かも？と誘導するように強めに「STOP!!」や「知っていますか？」などの文言を使用しております。 →さらにその下で「要件定義書ありの場合」「要件定義なしの場合」の比較を入れることでより、信用や信頼、安心感などのユーザーからのPlayground様へのイメージを向けてもらえるようにしています。 ③「承」：サンプルの後に「料金プラン」というコンテンツを追加しています。 →「無償1種類」「有償2種類」でそれぞれ金額、期間、対象があるとのことでしたので、その内容に「こんな方におすすめ」というのも記載し、よりユーザーにあったプランへ誘導できるようにしています。 また、プラン名については仮で入れておりますが、「おすすめプランの全ておまかせプラン」はシステム開発依頼込みの内容で作成をしています。 お問い合わせボタンの手前には「システム開発も依頼すると要件定義書作成が無料になる」という文言も購買意欲促進のために添えてあります。 ④「転」：ただシステム開発ができるではなく、流れ形式で「要件定義書作成も無料」「見積りも無料」「システムの開発もしてくれる！」というようなユーザーによってかなりプラスに取れるようなレイアウトにしております。 また、イラストの方も文言にあわせてポーズや持ち物も変更して作成をしております。 ⑤「結」：最後の後押しとのことでしたので、要件定義書作成「だけじゃない！」という流れから、一般的な開発会社に依頼した場合とPlayground様に依頼した場合の比較を分かりやすく、Playground様の方を際立たせる目的でレイアウトを大きくしています。 また、ボタンの形状は大きく、押したくなるような立体感のある感じにし、四角いボタンよりも丸いボタンの方が人間の心理学的に目を惹きやすいので全体的に丸くしています。 逆にサンプルのダウンロードのところはお問い合わせよりも優先順位が低いので、立体感なしの四角いデザインになっています。 ---------------------------------------------------------------------------------------------- ■納品形式 ・Figma（pngやjpg、pdfなどの書き出しも可能です） スマホ版のデザインや、色見の調整、文字サイズ、イラストのテイスト変更などの微調整にも柔軟に対応しております。 ご不明点などございましたら、お気軽にご連絡ください。 ご検討のほど、よろしくお願いいたします。 ---------------------------------------------------------------------------------------------- 株式会社ウェブジェネレーションズ Web制作事業部 菅野 ■稼働時間 ・平日8:30～17:30（土日祝休み） ※メッセージなどでお気軽にご相談ください。 ■公式ホームページ：https://web-generations.co.jp/
メンバーからのコメント
株式会社Playground様
株式会社ウェブジェネレーションズの菅野と申します。
新サービスのLPデザインにつきまして、下記のご提案をさせていただきます。
何かご不明な点などございましたら、
お気軽にメッセージなどでご連絡をいただけますと幸いです。
----------------------------------------------------------------------------------------------
■担当デザイナーの経歴
Webデザイナー歴6年で、今までコーポレートサイトやサービスサイト、LP、採用サイトなどの制作をしております。
■実績・得意
Figmaでのデザインからコーディング、WordPressの構築・導入、運用保守まで対応可能です。
特に弊社では、オーダーメイドでこだわったオリジナルデザインのWebサイト制作をしております。
実績につきましては、弊社ホームページや下記のコーポレートサイトを直近で制作しております。
・株式会社アイスクリーム様：https://i-scream.co.jp/
・弊社ホームページ：https://web-generations.co.jp/
----------------------------------------------------------------------------------------------
【デザインの前提条件】
■「仕事の詳細」を基にデザインを行っています。
■ファーストビューの画像は有料のものを使用しています。ファーストビュー以外の画像は無料のものを使用しています（※契約後、差し替え可能）
■一部の仮テキストや画像につきまして、株式会社Playground様のホームページから流用しているものもございます。
【デザインとキャラクターの使用について】
可愛らしいカニの被り物をしたキャラクターをホームページの方で拝見しました。
株式会社Playground様のイメージキャラクターかとお見受けしました。
今回「システム開発会社の自社新サービスのランディングページ制作」とのことで、せっかくですので、株式会社Playground様のイメージキャラクターさんに宣伝をしてもらっているような感じをLPで表現させていただきました。
特に、「無料」や「要件定義書作成」、「プロ」などのピックアップワードの箇所は株式会社Playground様のキャラクターがペンを持っており、PRしてくれているというようなストーリーで作っております。
また、キャラクターデータがなかったので、僭越ながらわたくしの方で作成をさせていただきました。
一部「悲しそうな顔をしているところ」などで色合いを変更している部分があります。
イメージに合わない、そういう想定ではなかったなど、ご意見ご要望などございましたら、柔軟に対応させていただきますので、お気軽にご連絡ください。
【サイトカラー】
■株式会社Playground様のイメージキャラクターから取った「赤」をアクセントカラーに使用しています。
→特に目立たせたい部分や、ユーザーの目を惹かせたい「お問い合わせボタン」に使用に原色に近い赤を使用しています。
■「赤」の補食である「青緑」を使用しています。
→特に「要件定義なしの場合」や「一般的な開発会社に依頼した場合」など、ユーザーにとってマイナスに作用するような文言の時に使用しています。
この「マイナスのカラー青緑」に「プラスのカラー赤」を入れることで、より赤の目立たせたい箇所が際立ち、ユーザーの視線誘導に繋がります。
■サービスの箇所ではホームページにございました「黄色」を使用しています。
→赤との相性も良く、特にこの「青緑」「黄色」「赤」の配色は信号機にも用いられている色見で、「赤はより注意を引きたい色」「黄色は赤の次に注意を引きたい色」の意味合いもあり、この３つの色を使用しています。
【サイトの構成】
今回かなり細かく起承転結のストリートを事前にいただいていたので、概ねその流れで作成をしております。
一部私の方で解釈し、落とし込んだ構成部分の説明をさせていただきます。
①「FV」：実写の有料画像にしています。
→システム開発やお見積り、要件定義作成をサービスとしているので、ファーストビューはPCを持ってご案内している男性の実写画像で、信頼感や安心感を演出しています。
②「起」：この部分はこちらのLPを見にきたユーザーに対して「もしかして損をするのでは…」という意識を植え付け、Playground様に頼んだ方が安心かも？と誘導するように強めに「STOP!!」や「知っていますか？」などの文言を使用しております。
→さらにその下で「要件定義書ありの場合」「要件定義なしの場合」の比較を入れることでより、信用や信頼、安心感などのユーザーからのPlayground様へのイメージを向けてもらえるようにしています。
③「承」：サンプルの後に「料金プラン」というコンテンツを追加しています。
→「無償1種類」「有償2種類」でそれぞれ金額、期間、対象があるとのことでしたので、その内容に「こんな方におすすめ」というのも記載し、よりユーザーにあったプランへ誘導できるようにしています。
また、プラン名については仮で入れておりますが、「おすすめプランの全ておまかせプラン」はシステム開発依頼込みの内容で作成をしています。
お問い合わせボタンの手前には「システム開発も依頼すると要件定義書作成が無料になる」という文言も購買意欲促進のために添えてあります。
④「転」：ただシステム開発ができるではなく、流れ形式で「要件定義書作成も無料」「見積りも無料」「システムの開発もしてくれる！」というようなユーザーによってかなりプラスに取れるようなレイアウトにしております。
また、イラストの方も文言にあわせてポーズや持ち物も変更して作成をしております。
⑤「結」：最後の後押しとのことでしたので、要件定義書作成「だけじゃない！」という流れから、一般的な開発会社に依頼した場合とPlayground様に依頼した場合の比較を分かりやすく、Playground様の方を際立たせる目的でレイアウトを大きくしています。
また、ボタンの形状は大きく、押したくなるような立体感のある感じにし、四角いボタンよりも丸いボタンの方が人間の心理学的に目を惹きやすいので全体的に丸くしています。
逆にサンプルのダウンロードのところはお問い合わせよりも優先順位が低いので、立体感なしの四角いデザインになっています。
----------------------------------------------------------------------------------------------
■納品形式
・Figma（pngやjpg、pdfなどの書き出しも可能です）
スマホ版のデザインや、色見の調整、文字サイズ、イラストのテイスト変更などの微調整にも柔軟に対応しております。
ご不明点などございましたら、お気軽にご連絡ください。
ご検討のほど、よろしくお願いいたします。
----------------------------------------------------------------------------------------------
株式会社ウェブジェネレーションズ
Web制作事業部 菅野
■稼働時間
・平日8:30～17:30（土日祝休み）
※メッセージなどでお気軽にご相談ください。
■公式ホームページ：https://web-generations.co.jp/