株式会社ウェブジェネレーションズの菅野と申します。 下記、ご提案させていただきます。 何か不明な点などございましたら、 お気軽にメッセージなどでご連絡をいただけますと幸いです。 ■担当スタッフ経歴 Webデザイナー歴６年で、今までコーポレートサイトやサービスサイト、LP、採用サイトなどの制作をしております。 ■実績・得意 Figmaでのデザインからコーディング、WordPressの構築・導入、運用保守まで対応可能です。 特に弊社では、オーダーメイドでこだわったオリジナルデザインのWebサイト制作をしております。 実績につきましては、弊社ホームページや下記のコーポレートサイトを直近で制作しております。 ・株式会社アイスクリーム様：https://i-scream.co.jp/ ・弊社ホームページ：https://web-generations.co.jp/ ---------------------------------------------------------------------------------------------- 【デザインの前提条件】 ■目的や背景、色見やサイトの雰囲気などの情報は「アイティベル新HP_企画・デザイン案」、デザインの構成は「サイト設計_テキスト付き.pptx」を基にデザインを行っています。 ■画像は無料のものを使用しています（※契約後、差し替え可能） ■一部仮テキストや画像につきまして、アイティベル様のホームページから流用しているものもございます。 【サイトのデザイン】 「新規ユーザーが流入するHPを整備したい」とのことでしたので、比較的どんな方にも受け入れやすい「明るい」「親しみやすい」「丸みのある柔らかい」感じのデザインにしております。 また、ロゴの「B」をピックアップし、背景に使用しています。「B」の形が枝分けれし、様々なお客様とのつながりを得ていくようなイメージです。 全体的な構成や雰囲気、デザインについては「コーポレート」と「サービスサイト」を混ぜたような内容なので、「サービス」を意識ながらも「コーポレート」であることを意識して「コーポレート」部分はしっかりした感じに、「サービス」部分は優しく・親しみやすい・受け入れやすい感じにしています。 【サイトカラー】 ■上部のカラーは「オレンジ」「エメラルドグリーン」をメインカラーに「温かみと信頼感」を演出しています。 ■真ん中のカラーはお役立ち資料などがあるので、「マーケティング」に専門的な知識を要していることを「紫」でピックアップしています。 ■下部の企業に関する分は「カッチリ」「しっかり」とした企業イメージが欲しかったので、色見の落ち着いていて重厚感のある「深い青」にしています。 【サイトの目的に合わせたデザイン】 コンバージョンを意識したデザインにしております。 具体的には「CTAボタンの色見」「CTAボタンの形状」「ボタン付近の文言」などです。 ■CTAボタンの色見：「資料ダウンロード」「無料相談予約」「お問い合わせ」の中で、お問い合わせを一番目出つオレンジに。他のボタンもグラデーションで他よりも目立つ形にしています。 ■CTAボタンの形状：ボタンを立体にしてよりボタンらしく、ユーザーが押したくなる形状にしています。また、四角いボタンよりも丸いボタンの方が人間の心理学的に目を惹きやすいので、行動喚起に繋がるボタンはすべて丸い形にしています。 ■ボタン付近の文言：CTAの中にユーザーの心理的ハードルを下げるというものがあり、それを助ける役割として「無料」や「お気軽に」などの文言を付近に設置しています。 ---------------------------------------------------------------------------------------------- スマホ版のデザインや、色見の調整、文字サイズ、イラストのテイスト変更などの微調整も対応しております。 ご検討のほど、よろしくお願いいたします。
メンバーからのコメント
株式会社ウェブジェネレーションズの菅野と申します。
下記、ご提案させていただきます。
何か不明な点などございましたら、
お気軽にメッセージなどでご連絡をいただけますと幸いです。
■担当スタッフ経歴
Webデザイナー歴６年で、今までコーポレートサイトやサービスサイト、LP、採用サイトなどの制作をしております。
■実績・得意
Figmaでのデザインからコーディング、WordPressの構築・導入、運用保守まで対応可能です。
特に弊社では、オーダーメイドでこだわったオリジナルデザインのWebサイト制作をしております。
実績につきましては、弊社ホームページや下記のコーポレートサイトを直近で制作しております。
・株式会社アイスクリーム様：https://i-scream.co.jp/
・弊社ホームページ：https://web-generations.co.jp/
----------------------------------------------------------------------------------------------
【デザインの前提条件】
■目的や背景、色見やサイトの雰囲気などの情報は「アイティベル新HP_企画・デザイン案」、デザインの構成は「サイト設計_テキスト付き.pptx」を基にデザインを行っています。
■画像は無料のものを使用しています（※契約後、差し替え可能）
■一部仮テキストや画像につきまして、アイティベル様のホームページから流用しているものもございます。
【サイトのデザイン】
「新規ユーザーが流入するHPを整備したい」とのことでしたので、比較的どんな方にも受け入れやすい「明るい」「親しみやすい」「丸みのある柔らかい」感じのデザインにしております。
また、ロゴの「B」をピックアップし、背景に使用しています。「B」の形が枝分けれし、様々なお客様とのつながりを得ていくようなイメージです。
全体的な構成や雰囲気、デザインについては「コーポレート」と「サービスサイト」を混ぜたような内容なので、「サービス」を意識ながらも「コーポレート」であることを意識して「コーポレート」部分はしっかりした感じに、「サービス」部分は優しく・親しみやすい・受け入れやすい感じにしています。
【サイトカラー】
■上部のカラーは「オレンジ」「エメラルドグリーン」をメインカラーに「温かみと信頼感」を演出しています。
■真ん中のカラーはお役立ち資料などがあるので、「マーケティング」に専門的な知識を要していることを「紫」でピックアップしています。
■下部の企業に関する分は「カッチリ」「しっかり」とした企業イメージが欲しかったので、色見の落ち着いていて重厚感のある「深い青」にしています。
【サイトの目的に合わせたデザイン】
コンバージョンを意識したデザインにしております。
具体的には「CTAボタンの色見」「CTAボタンの形状」「ボタン付近の文言」などです。
■CTAボタンの色見：「資料ダウンロード」「無料相談予約」「お問い合わせ」の中で、お問い合わせを一番目出つオレンジに。他のボタンもグラデーションで他よりも目立つ形にしています。
■CTAボタンの形状：ボタンを立体にしてよりボタンらしく、ユーザーが押したくなる形状にしています。また、四角いボタンよりも丸いボタンの方が人間の心理学的に目を惹きやすいので、行動喚起に繋がるボタンはすべて丸い形にしています。
■ボタン付近の文言：CTAの中にユーザーの心理的ハードルを下げるというものがあり、それを助ける役割として「無料」や「お気軽に」などの文言を付近に設置しています。
----------------------------------------------------------------------------------------------
スマホ版のデザインや、色見の調整、文字サイズ、イラストのテイスト変更などの微調整も対応しております。
ご検討のほど、よろしくお願いいたします。