プロジェクト概要
事業の信頼感が伝わるコーポレートサイトを目指して制作いたしました。
WordPressで構築した、大阪市生野区のファッション素材専門商社 株式会社シムラ様のコーポレートサイトです。昭和41年にレザー・スエードの専門商社として創業し、バッグ・靴・衣料・家具用などの生地卸売を手がける同社の事業を、「Transform&challenge」のメッセージとあわせて伝える構成にしました。トップ・会社概要・商品ラインナップ(PVC、PU、セミ合皮、帆布、二次加工、OEMなど7分類)・ニュース・お問い合わせで構成し、会社概要には代表挨拶、沿革、アクセスを掲載しています。
合成皮革やPVCといった専門性の高い素材を扱う卸売業の事業内容を、取引先となる企業や新規の顧客に分かりやすく伝え、信頼感のあるコーポレートサイトにしたい。昭和41年創業の歴史と、新しい加工や商品開発に挑戦する姿勢の両方を見せる必要がありました。
最初の画面に生地ロールが並ぶ倉庫の動画を画面いっぱいに流し、素材を扱う会社であることを言葉より先に伝えました。動画の直下に更新情報の白い枠を置き、続くセクションで創業の経緯とメッセージを載せています。商品ラインナップは7分類に整理してそれぞれ説明文を添え、ナビにも同じ7項目を階層で並べて、目当ての素材にすぐたどり着ける構成にしました。更新情報はWordPressで追加できます。
制作のポイント
生地倉庫の動画を最初の画面いっぱいに流す
最初の画面は、色とりどりの生地ロールが並ぶ棚を背にした男性の動画をYouTube埋め込みで画面いっぱいに流し、中央に一時停止ボタン、下に「SCROLL」の文字だけを置いています。スマホでも同じ動画を縦いっぱいに表示し、ナビは右上の紺色の丸いボタンにまとめています。
更新情報を白い枠に3件並べる
動画の直下に「更新情報 - What's new -」の白い枠を置き、「ニュース」の紺色のラベルと日付つきで「年末年始休業のお知らせ」「岐阜営業所を本社に統合いたしました。」など3件を並べています。その下に「SHIMURA “Transform&challenge”」の見出しで、昭和41年創業の経緯とメッセージを載せています。
商品ラインナップを7分類で説明する
「Item lineup 商品ラインナップ」では、ポリ塩化ビニール(PVC)、合成皮革(PU)、セミ合皮、帆布(CANVAS)、その他の布製品、二次加工、OEM製品の7分類をそれぞれ説明文つきで載せ、ナビにも同じ7項目を階層で並べています。更新情報はWordPressで追加できる構成です。
デザイン

