個人制作
鈴木電子Webサイト
Design
架空の企業「鈴木電子」のサイトリニューアルを想定し、トップページをデザインしました。（スクール課題）
- 目的
- 製品やサービスを紹介したい
- お問い合わせを増やしたい
- 新規取引先を増やしたい
- ブランドの強化と信頼の構築
- 課題
- ホームページが古く、自社のサービスや強みを伝えきれていない
- 管理画面へのアクセスもできないため更新できていない。サイトに掲載できていない新商品や情報がたくさんある
- 既存客や紹介頼りになっていて、新規顧客が獲得できていない
- ターゲット
- 企業（中小企業、大企業）の社員。役職は一般社員とする。
- 30代〜40代の男性メイン
- 情報設計
- 「クライアントが製造したものが様々な製品に使われている」ことをアピールし新規取引先を増やすため、製造したものが使われている製品の写真も多く掲載しています。
- 「お問い合わせ」「資料請求」を増やすため、ヘッダーにボタンを設置しすぐにアクセスできるようにしています。
- サイト閲覧者の目を惹くことでサイトの離脱を減らすため、グリッドを崩したレイアウトにしました。
- デザイン詳細
- 与えたい印象：質実剛健、工業感
- メインカラー：コーポレートカラー（#1858BC）
- 配色：青色、青緑、白色、黒色（青寄り）
- デザイン意図
- 冷静で知的、近未来的なイメージを持つ男性的な色である「青緑色」をアクセントカラーとしました。「親しみのある印象」も与えたいため、やわらかい青みの緑（青磁色）にしました。
- 「真摯に製造に取り組む社員の写真とサーミスタが利用されている製品の写真を並べて、世界No.1シェアの製品を作っている実績と高い技術力」をMVで表現しました。「クライアントが製造したものが広く使われている」ことが伝わるよう、製品の写真は複数枚の写真をアニメーションで切り替わるようにしています。
- 「新しいことに挑戦する」印象を与えるため、ボタンやフッターなどの背景をグラデーションにしました。
- 「質実剛健」の印象を与えるため、CTAボタンや写真などの角を直角に表現しています。
- 制作期間
-
- デザイン
- 1週間
- 担当領域
- デザイン
- 使用ツール
- Photoshop/XD
