株式会社丸善トレー様 TOPページ リニューアル案

5つの方向で作成したデザイン案です。それぞれ実際のブラウザで動きます(PC/スマホ対応)。写真の一部はサンプルで、公開時は撮影写真に差し替えます。

PLAN 1

案1「製品主役型」

部品メーカー(天辻鋼球製作所)の構成を参考に。製品そのものを画面いっぱいに見せる全幅ヒーロー、浮かぶ白いナビ、「身の回りで活躍する丸善トレー」の用途スライダー、製品4分類。

PLAN 2

案2「軽やかメーカー型」

印刷・加工業(名古屋工業)の構成を参考に。白地に淡い色の幾何図形を散らし、浮かぶピル型のヘッダー、段違いの製品タイル、大きな英字と青い円の技術紹介、波の縁で始まる青いフッター。明るく親しみやすいメーカーの顔。

PLAN 3

案3「素材メーカー型」

樹脂メーカー(リグナイト)の構成を参考に。固定した全幅写真の上を白い会社紹介がスクロールで重なる導入、縦書きの見出しと薄く大きな英字、明朝体、「超耐寒PPとは?」の素材解説。静かで品のある技術系メーカーの顔。

PLAN 4

案4「総合メーカー型」

同業大手(シーピー化成)の構成を参考に。英語見出し+丸いアイコンのタイル、使われるシーン、製品検索とサンプル請求を軸にした「探せる・頼める」サイト。

PLAN 5

案5「コーポレート型」

食品卸大手(国分グループ本社)の構成を参考に。細字の英語大見出し、丸い矢印ボタン、会社・環境・製品ごとに色を変えた面、技術コラムと関連リンクまで揃えたグループ企業らしい構成。

共通の考え方:何をやっている会社か3秒で分かるファーストビュー/「困りごと→試作→量産」の流れを1画面で/製品・事例・会社案内を1ページに集約し、下層は同じ設計で展開/スマホ対応/色数は2〜3色・実写主体。
現サイト(www.maruzen.net)との比較:ファーストビュー比較現状の全体