株式会社needさま サイト制作 ご資料

Transcript

1. 2025.10.28 株式会社needさま サイト制作 ご資料 株式会社バース 1
2. サイトの構成について Topページ FV About Our Brands LAPINICA sui Company Contact privacy policy ベージュ が今回制作するものです。 Topページに他に載せたいものがございましたらお教えください。 Contactフォームページ 404 Not Foundページ privacy policyページ 各種サイトページ ボタンでジャンプ ボタンでジャンプ ボタンでジャンプ 文字クリックでジャンプ 表示できないページ 2
3. テイストについて 参考構成・デザインサイト needさまが展開されている事業から連想し、 暖かみ、洗練さ、思いやり、親しみやすさ、明るさ を軸としたデザイン制作ができればと思います。 ※あくまでデザインの方向性やテイストの参考となります。アニメーションなどはこちらから ご予算内でご提案させていただけますと幸いです。 ご提示いただいているサイト：ベリールビーカット　https://www.veryrubycut.jp/ ご提案：楚々 葉山　https://www.soso-hayama.com/ ご提案：kieto 秩父　https://ki-e-to.jp/#front_about ご提案：株式会社クラウディアホールディングス　https://www.kuraudia.holdings/ 3
4. フォントについて-① フォントの組み合わせによりデザインの印象が大きく変わるため、ご一緒に決定できますと幸いです。 ※記載内容は仮内容・文章です。 A案 印象：信頼感、エレガント、洗練さ、親しみやすさ need About Our Brands Company Contact About 心地よさを、あなたとあなたの大切な存在に。 私たちは、あなたとあなたの大切な存在に“心地よい毎日”を届けることを大切にして います。 ペットには、お散歩やお手入れの時間がもっと楽しく、もっと快適になるように。
 女性には、自分らしく、健やかで美しい身体を育む時間を。 “need”という名前には、〜〜〜〜〜〜〜〜 contact form 使用フォント 社名と英語：Optima 日本語：Zen Kaku Gothic New Optimaは、LULUMINE、Aesop、GODIVA、 GUCCIなどのブランド/社名ロゴに使用されて いるフォントです。 4
5. A案 印象：信頼感、エレガント、洗練さ、親しみやすさ ★サイト構成のワイヤーフレーム(骨組み)イメージ 5
6. フォントについて-② フォントの組み合わせによりデザインの印象が大きく変わるため、ご一緒に決定できますと幸いです。 ※記載内容は仮内容・文章です。 B案 印象：信頼感、クラシック、洗練さ、落ち着き need About Our Brands Company Contact About 心地よさを、あなたとあなたの大切な存在に。 私たちは、あなたとあなたの大切な存在に“心地よい毎日”を届けることを大切にしています。 ペットには、お散歩やお手入れの時間がもっと楽しく、もっと快適になるように。
 女性には、自分らしく、健やかで美しい身体を育む時間を。 “need”という名前には、~~~~~~~~ contact form 使用フォント 社名と英語：Minion Pro 日本語：Shippori Mincho Minion Proは、判読性が高く、良い意味でクセ が少ないフォントです。 6
7. B案 印象：信頼感、クラシック、洗練さ、落ち着き ★サイト構成のワイヤーフレーム(骨組み)イメージ 7
8. フォントについて-③ フォントの組み合わせによりデザインの印象が大きく変わるため、ご一緒に決定できますと幸いです。 ※記載内容は仮内容・文章です。 C案 印象：信頼感、柔らかさ、洗練さ、親しみやすさ need About Our Brands Company Contact About 心地よさを、あなたとあなたの大切な存在に。 私たちは、あなたとあなたの大切な存在に“心地よい毎日”を届けることを大切にしています。 ペットには、お散歩やお手入れの時間がもっと楽しく、もっと快適になるように。
 女性には、自分らしく、健やかで美しい身体を育む時間を。 “need”という名前には、~~~~~~~~ contact form 使用フォント 社名と英語：Abhaya Libre 日本語：Shippori Mincho Abhaya Libreは、小さい画面でも読みやすく設 計されたフォントです。滑らかで丸みを帯びた 横線が特徴で、モダンに仕上げられています。 8
9. C案 印象：信頼感、柔らかさ、洗練さ、親しみやすさ ★サイト構成のワイヤーフレーム(骨組み)イメージ 9
10. 各参考サイトより、取り入れられそうなものをご提案いたします。お好みやご希望、ご要望をお聞かせ ください。 参考元：ベリールビーカット　https://www.veryrubycut.jp/ 入れ込むデザイン要素やアニメーションについて①【FV】 複数枚の写真を順番にズームアウトさせる 10
11. 入れ込むデザイン要素やアニメーションについて②【ブランド紹介セクション】 各参考サイトより、取り入れられそうなものをご提案いたします。お好みやご希望、ご要望をお聞かせ ください。 LAPINICA LAPINICA sui sui LAPINICA LAPINICA sui sui ①まずは2種のブランドHPへ 飛べる写真設置 ②それぞれのブランド説明と 写真を複数枚散りばめる ①現在の骨組みと同様に、 1つのブランドについて 写真と説明とブランドHPへ 飛べるボタン設置 ②カルーセル（横に流れる） 写真をいくつか設定 変更プランA 変更プランB 参考元：楚々 葉山　https://www.soso-hayama.com/ 参考元：kieto 秩父　https://ki-e-to.jp/#front_about 11
12. 挿入テキスト・フォント種類と使用カラー選定・必要素材について ★入れ込むタイトル名やテキスト詳細は、下記スプレッドシートをご確認の上ご記入ください。 ★使用カラーはワイヤーフレームの通り、ベージュメインで アクセントカラー(仮でブルーグリーン)を使用する予定ですが、 「参考サイトのように最初から最後までベージュがいい、アクセントカラーは不要」 「アクセントカラーはこのカラーがいい」「ベースはこの色がいい」など ご希望ございましたら下記スプレッドシート上にてお申し付けください。 ★フォント種類もA〜Cのどれかを選定いただき、下記スプレッドシートでご選択ください。 ★必要素材につきましては、下記をご準備のうえ ギガファイル便でアップロード→URLをスプレッドシートに記載していただくようお願いいたします。 【必要素材】 ・suiのロゴデータ 　┗Illustratorデータ（必須。ファイル末尾「.ai」のもの） 　┗PDFデータ（あれば、で問題ございません。） スプレッドシート：挿入テキスト決め スプレッドシート：ロゴ/フォント/カラー決め スプレッドシート：ロゴ/フォント/カラー決め 12