ロゴ・イラスト・デザインのg.graphicと申します。wanographic.wixsite.com/ggraphics
この度、製造業サイトのトップページデザインをご提案させていただきます。
1)トップページデザイン案①(サイズが大きいため2つに分けてご提案いたします。)
【制作内容について】
配色
・ベースカラー:ホワイト(メインビジュアルの背景色は淡いアイボリーのグラデーション)
・メインカラー:ブルー #005abb / ライトグレー:#e7e7e7
・アクセントカラー:コーラル #ff6666 / チャコールグレー: #3b3c44
・テキストカラー:チャコールグレー / ホワイト
ヘッダー
・ロゴエリア+メニューバーを一行にまとめて構成いたしました。
・菱形に頭文字「高」とメッキをイメージしたカラーのシンプルなマークを作成し社名の先頭にレイアウトをいたしました。
メインビジュアル
・指定写真3枚を色調補正をして構成し、その下に製品画像5枚をレイアウトしたメインビジュアル画像を作成いたしました。
・画像の上に半透明カラーのトーンを乗せてキャッチコピー案を中央揃えでレイアウトいたしました。
全体
・仕様書をベースにシンプルながらとことん見やすく構成したレイアウトでデザインを作成いたしました。
・ベースカラーの白(淡いライトグレー)や写真全体の色調に効果的に見えるよう、見出しの背景色やボタンカラーを構成いたしました。
・全体的に落ち着きを感じつつ、明るい印象になるようホワイトとブルーを使用して作成いたしました。
・CSSでも調整しやすいように作成いたしました。
修正等にも応じられます。
以上、よろしくお願い致します。
メンバーからのコメント
ロゴ・イラスト・デザインのg.graphicと申します。wanographic.wixsite.com/ggraphics
この度、製造業サイトのトップページデザインをご提案させていただきます。
1)トップページデザイン案②(サイズが大きいため2つに分けてご提案いたします。)
【制作内容について】
配色
・ベースカラー:ホワイト(メインビジュアルの背景色は淡いアイボリーのグラデーション)
・メインカラー:ブルー #005abb / ライトグレー:#e7e7e7
・アクセントカラー:コーラル #ff6666 / チャコールグレー: #3b3c44
・テキストカラー:チャコールグレー / ホワイト
製品実績:ビジュアル
・製品画像の背景を消去しアイテムを切り出した画像を余白やバランスを見ながらレイアウトいたしました。
・この製品アイテム画像のレイアウトを変えたパターンでリンク先ページのアイキャッチ画像を作成しても面白いだろうなと思いました。
フッター
・背景色:淡いライトグレー
テキスト:文字色・グレー
・企業のセールスポイントを表記いたしました。:工業メッキは高木特殊工業株式会社へ
・コピーライト内容
全体
・仕様書をベースにシンプルながらとことん見やすく構成したレイアウトでデザインを作成いたしました。
・ベースカラーの白(淡いライトグレー)や写真全体の色調に効果的に見えるよう、見出しの背景色やボタンカラーを構成いたしました。
・全体的に落ち着きを感じつつ、明るい印象になるようホワイトとブルーを使用して作成いたしました。
・CSSでも調整しやすいように作成いたしました。
修正等にも応じられます。
以上、よろしくお願い致します。