なおと0804様 今回お声掛けいただきましてありがとうございました! LPデザイン案作成しましたので、ご確認お願いします。 デザイン案を作成しましたが、もっとこうしたいなどご希望ございましたら、 お気軽におっしゃってください。 LPデザイン案については最後に記載しております。 【自己紹介】 改めまして、フリーランスでWeb制作をしている今井と申します。 デザインからコーディングまで総合的にWeb制作を行なっております。 丁寧な仕事、誠実な対応を心がけております。 WordPressにてオリジナルテーマや子テーマを使用したwebサイト作成も行っております。 よろしくお願いします! 【LPデザイン実績】 modegination様、トップページ https://modegination.com/ 【ポートフォリオ】 ・コーポレートサイト http://imaitakashi.html.xdomain.jp/corporate/ ・工務店 https://imaitakashi.wixsite.com/corporate ・士業 https://imaitakashi.wixsite.com/regal 【お見積もり】 本案件続くコーディング案件をご依頼いただきましたら、 金額は50,000円(税抜)にて承りたく存じます。 【デザイン案について】 (全体) ベースカラーをオレンジ系ベージュ色にしました。 アクセントカラーでビビットなオレンジ色とダークな緑色を使用しています。 落ち着いた中にも、高級感をイメージしました。 (メインビジュアル) メインメッセージは下から上へフェードインします。 メインビジュアルはフェードイン、フェードアウトしながら画像を切り替えます。 メインビジュアル下のメッセージはスライドしつづけます。 参考イメージ:AIソリューソンズ https://www.ai-sols.co.jp/ (問題提起:お悩み) 悩みを吹き出しのような形にし、実際に心の中で思っているようなデザインにしました。 吹き出しをスクロールで下から上へフェードインさせます。 (自社の強み紹介:強み) お悩みから強みと一つの流れになるようにしました。 横に並べることで、一目で見て理解してもらえるようにしています。 (リノベーション価格費用目安) それぞれの分類で画像が常にスライドし続けるデザインになります。 画像にマウスオーバーすると、価格が表示されるアニメーションをつける予定です。 この画像はカテゴリ分けした、最新数軒分の投稿記事のアイキャッチ画像を使用します。 常に動きを持たせてより興味を引かせます。 また、画像の上の表示やマウスオーバー時の「施工内容」、「坪」、「金額の数字」はプラグインを使用し、カスタムフィールドの値を表示させる予定でありますが、記載項目・内容は相談させてください。 リンクボタンは各カテゴリ一覧へ (実績:施工実績) 150件以上はご要望のアニメーションを採用。 メーカー欄の下は施工事例を紹介する欄となります。(最新3件分) (オーナー様の声:オーナー様の声) オーナーの声を表示させます。 左側の緑の枠内は右側に表示させている、記事のアイキャッチをスライダーで動かします。 動きを持たせてより興味を引かせます。 (代表者の声) 代表者様の顔写真+メッセージです。 (施工の流れ) 各ステップで写真+文字の紹介でイメージを伝わりやすくしております。 また、あえて枠からステップの数字をはみ出させて、ステップをわかりやすくしました。 そして、一つ一つのタグのようなイメージで、それぞれのステップも見やすくなることを意識しました。 (Q&A) オレンジ色と丸を使用し、視認性を持ちつつ、柔らかく優しい感じのデザインにしました。 (お問い合わせ) 参考サイトを参考にしました。 (Instagram) 画像からと、リンクボタンからインスタグラムへ飛ぶようにします。 画像は常にスライドさせます。
メンバーからのコメント
なおと0804様
今回お声掛けいただきましてありがとうございました!
LPデザイン案作成しましたので、ご確認お願いします。
デザイン案を作成しましたが、もっとこうしたいなどご希望ございましたら、
お気軽におっしゃってください。
LPデザイン案については最後に記載しております。
【自己紹介】
改めまして、フリーランスでWeb制作をしている今井と申します。
デザインからコーディングまで総合的にWeb制作を行なっております。
丁寧な仕事、誠実な対応を心がけております。
WordPressにてオリジナルテーマや子テーマを使用したwebサイト作成も行っております。
よろしくお願いします!
【LPデザイン実績】
modegination様、トップページ
https://modegination.com/
【ポートフォリオ】
・コーポレートサイト
http://imaitakashi.html.xdomain.jp/corporate/
・工務店
https://imaitakashi.wixsite.com/corporate
・士業
https://imaitakashi.wixsite.com/regal
【お見積もり】
本案件続くコーディング案件をご依頼いただきましたら、
金額は50,000円(税抜)にて承りたく存じます。
【デザイン案について】
(全体)
ベースカラーをオレンジ系ベージュ色にしました。
アクセントカラーでビビットなオレンジ色とダークな緑色を使用しています。
落ち着いた中にも、高級感をイメージしました。
(メインビジュアル)
メインメッセージは下から上へフェードインします。
メインビジュアルはフェードイン、フェードアウトしながら画像を切り替えます。
メインビジュアル下のメッセージはスライドしつづけます。
参考イメージ:AIソリューソンズ https://www.ai-sols.co.jp/
(問題提起:お悩み)
悩みを吹き出しのような形にし、実際に心の中で思っているようなデザインにしました。
吹き出しをスクロールで下から上へフェードインさせます。
(自社の強み紹介:強み)
お悩みから強みと一つの流れになるようにしました。
横に並べることで、一目で見て理解してもらえるようにしています。
(リノベーション価格費用目安)
それぞれの分類で画像が常にスライドし続けるデザインになります。
画像にマウスオーバーすると、価格が表示されるアニメーションをつける予定です。
この画像はカテゴリ分けした、最新数軒分の投稿記事のアイキャッチ画像を使用します。
常に動きを持たせてより興味を引かせます。
また、画像の上の表示やマウスオーバー時の「施工内容」、「坪」、「金額の数字」はプラグインを使用し、カスタムフィールドの値を表示させる予定でありますが、記載項目・内容は相談させてください。
リンクボタンは各カテゴリ一覧へ
(実績:施工実績)
150件以上はご要望のアニメーションを採用。
メーカー欄の下は施工事例を紹介する欄となります。(最新3件分)
(オーナー様の声:オーナー様の声)
オーナーの声を表示させます。
左側の緑の枠内は右側に表示させている、記事のアイキャッチをスライダーで動かします。
動きを持たせてより興味を引かせます。
(代表者の声)
代表者様の顔写真+メッセージです。
(施工の流れ)
各ステップで写真+文字の紹介でイメージを伝わりやすくしております。
また、あえて枠からステップの数字をはみ出させて、ステップをわかりやすくしました。
そして、一つ一つのタグのようなイメージで、それぞれのステップも見やすくなることを意識しました。
(Q&A)
オレンジ色と丸を使用し、視認性を持ちつつ、柔らかく優しい感じのデザインにしました。
(お問い合わせ)
参考サイトを参考にしました。
(Instagram)
画像からと、リンクボタンからインスタグラムへ飛ぶようにします。
画像は常にスライドさせます。