ロゴ・イラスト・デザインのg.graphicと申します。wanographic.wixsite.com/ggraphics
この度、製造業サイトのトップページデザインをご提案させていただきます。
1)トップページデザイン案①(サイズが大きいため2つに分けてご提案いたします。)
【制作内容について】
配色
・ベースカラー:ホワイト(メインビジュアルの背景色は淡いアイボリーのグラデーション)
・メインカラー:濃い目のブルー:#063794
・サブカラー:グレー:#636363
・テキストカラー:グレー・ホワイト・ブルー
サイドバー無しの1カラムのレイアウト
・各セクションを余白多めに間仕切りをし、写真を大きく文字をスッキリとレイアウトしたデザインにいたしました。
ヘッダー
ロゴエリア+メニューバーを一行にまとめて構成いたしました。
メインビジュアル
・アルミ加工品の面と削られた部分の美しいコントラストラインの写真
・真剣な表情の若い職人さんとゆとりのあるベテラン職人さんの写真
・上記の写真を4枚セレクトし交互に配置した背景画像を作成いたしました。
・キャッチコピー案をエリア内に配置いたしました。(変更や内容の差し替え可能でございます)
全体
・参考サイトと仕様書をベースにアイテムや構成をミックスし、オリジナリティーを出すために写真や背景画像を工夫いたしました。
・ベースカラーの白に映えるようボタンカラーや各セクショの間仕切りをして、余白を多めに取ったゆとりのあるレイアウトにいたしました。
・アルミの金属面と削った部分のコントラスト模様の写真を活用して青いアルミ加工品の背景画像を作成いたしました。
・写真に青い色調の特殊加工を施した画像を作成し、通常のカラーよりやや青い色調の画像を作成いたしました。
・可読性とレイアウトのバランスを重視して構成いたしました。
・CSSでも調整しやすいように作成いたしました。
修正等にも応じられます。
以上、よろしくお願い致します。
メンバーからのコメント
ロゴ・イラスト・デザインのg.graphicと申します。wanographic.wixsite.com/ggraphics
この度、製造業サイトのトップページデザインをご提案させていただきます。
1)トップページデザイン案②(サイズが大きいため2つに分けてご提案いたします。)
【制作内容について】
配色
・ベースカラー:ホワイト(メインビジュアルの背景色は淡いアイボリーのグラデーション)
・メインカラー:濃い目のブルー:#063794
・サブカラー:グレー:#636363
・テキストカラー:グレー・ホワイト・ブルー
サイドバー無しの1カラムのレイアウト
・各セクションを余白多めに間仕切りをし、写真を大きく文字をスッキリとレイアウトしたデザインにいたしました。
全体
・参考サイトと仕様書をベースにアイテムや構成をミックスし、オリジナリティーを出すために写真や背景画像を工夫いたしました。
・ベースカラーの白に映えるようボタンカラーや各セクショの間仕切りをして、余白を多めに取ったゆとりのあるレイアウトにいたしました。
・アルミの金属面と削った部分のコントラスト模様の写真を活用して青いアルミ加工品の背景画像を作成いたしました。
・写真に青い色調の特殊加工を施した画像を作成し、通常のカラーよりやや青い色調の画像を作成いたしました。
・可読性とレイアウトのバランスを重視して構成いたしました。
・CSSでも調整しやすいように作成いたしました。
フッター
・背景色:ブルー
テキスト:文字色・白
・企業のセールスポイントを表記いたしました。:自動車部品からロケット部品まで高精度の機械部品を作る企業
・企業名
・コピーライト内容
修正等にも応じられます。
以上、よろしくお願い致します。