【B案】PCデザイン(レスポンシブ)
はじめまして。tailと申します。
HPのTOP画面デザインのご提案をさせていただきます。
現状の HPで勤務管理ソフトであるという説明が少し不足している様に感じましたので、
パソコンやスマホのイメージを追加してビジュアル的に分かりやすいデザインを心がけました。
レスポンシブ(ブラウザ幅でレイアウトが変わる)デザインのため、
スマホ版のイメージ画像もご提案いたします。
-------
デザイン上部のメインビジュアル背景は動画を想定しています。
動画URL ※No.111175486
https://stock.adobe.com/jp/stock-photo/%E9%83%BD%E5%B8%82%E3%81%AE%E9%9B%91%E8%B8%8F/111175486?prev_url=detail
BiND9を所有していませんので、どの程度CSSを調整できるかが不明ですが、
事例を確認したところ、このレイアウトであれば可能かと思います。
フォントは「WebLiFE*サーバー ベーシックコース」であればWEBフォントが使用できるので
デザイン案では「ロダン」を使用しています。(下記参照)
ご契約でない場合は「メイリオ」を想定しています。
https://www.digitalstage.jp/bind/function/type.html
動画の他で使用しているadobestock画像は下記の通りです。
No. 74051997
No. 44489391
-------
ご検討のほど、よろしくお願いいたします。
【A案】スマホデザイン(レスポンシブ)
はじめまして。tailと申します。
HPのTOP画面デザインのご提案をさせていただきます。
現状の HPで勤務管理ソフトであるという説明が少し不足している様に感じましたので、
パソコンやスマホのイメージを追加してビジュアル的に分かりやすいデザインを心がけました。
レスポンシブ(ブラウザ幅でレイアウトが変わる)デザインのため、
スマホ版のイメージ画像もご提案いたします。
-------
BiND9のNAKAMEGUROというテンプレートに合わせて作成しています。(下記参照)
http://dl.digitalstage.jp/bind9/template_preview/po012/a/index.html
BiND9を所有していませんので、どの程度CSSを調整できるかが不明ですが、
この程度の変更であれば可能かと思います。
フォントは「WebLiFE*サーバー ベーシックコース」であればWEBフォントが使用できるので
デザイン案では「ロダン」を使用しています。(下記参照)
ご契約でない場合は「メイリオ」を想定しています。
https://www.digitalstage.jp/bind/function/type.html
使用しているadobestock画像は下記の通りです。
No. 20932526
No. 74051997
No. 44489391
-------
ご検討のほど、よろしくお願いいたします。
【A案】PCデザイン(レスポンシブ)
はじめまして。tailと申します。
HPのTOP画面デザインのご提案をさせていただきます。
現状の HPで勤務管理ソフトであるという説明が少し不足している様に感じましたので、
パソコンやスマホのイメージを追加してビジュアル的に分かりやすいデザインを心がけました。
レスポンシブ(ブラウザ幅でレイアウトが変わる)デザインのため、
スマホ版のイメージ画像もご提案いたします。
-------
BiND9のNAKAMEGUROというテンプレートに合わせて作成しています。(下記参照)
http://dl.digitalstage.jp/bind9/template_preview/po012/a/index.html
BiND9を所有していませんので、どの程度CSSを調整できるかが不明ですが、
この程度の変更であれば可能かと思います。
フォントは「WebLiFE*サーバー ベーシックコース」であればWEBフォントが使用できるので
デザイン案では「ロダン」を使用しています。(下記参照)
ご契約でない場合は「メイリオ」を想定しています。
https://www.digitalstage.jp/bind/function/type.html
使用しているadobestock画像は下記の通りです。
No. 20932526
No. 74051997
No. 44489391
-------
ご検討のほど、よろしくお願いいたします。
メンバーからのコメント
【B案】スマホデザイン(レスポンシブ)
はじめまして。tailと申します。
HPのTOP画面デザインのご提案をさせていただきます。
現状の HPで勤務管理ソフトであるという説明が少し不足している様に感じましたので、
パソコンやスマホのイメージを追加してビジュアル的に分かりやすいデザインを心がけました。
レスポンシブ(ブラウザ幅でレイアウトが変わる)デザインのため、
スマホ版のイメージ画像もご提案いたします。
-------
デザイン上部のメインビジュアル背景は動画を想定しています。
動画URL ※No.111175486
https://stock.adobe.com/jp/stock-photo/%E9%83%BD%E5%B8%82%E3%81%AE%E9%9B%91%E8%B8%8F/111175486?prev_url=detail
BiND9を所有していませんので、どの程度CSSを調整できるかが不明ですが、
事例を確認したところ、このレイアウトであれば可能かと思います。
フォントは「WebLiFE*サーバー ベーシックコース」であればWEBフォントが使用できるので
デザイン案では「ロダン」を使用しています。(下記参照)
ご契約でない場合は「メイリオ」を想定しています。
https://www.digitalstage.jp/bind/function/type.html
動画の他で使用しているadobestock画像は下記の通りです。
No. 74051997
No. 44489391
-------
ご検討のほど、よろしくお願いいたします。