優美社産業様（コーポレートサイト）｜Web制作実績 レスポンシブ対応｜スマートフォンサイトWeb制作実績

商品の使い勝手の良さと適正価格にこだわり、数々のロングセラーの鞄を生み出してきた優美社産業様のコーポレートサイトを新規制作いたしました。

モバイルサイトでは、「店舗で商品を見てブランドの詳細が気になった方」「ECサイトで商品の購入を検討しホームページを訪れた方」などの個人ユーザーをメインターゲットとしているため、スマートフォンとPCの使用比率を9：1と想定し、モバイルファーストで設計しております。

そのため、ユーザーがスムーズにブランドの詳細を確認できるよう、ブランド一覧ページへの導線ボタンをヘッダーに固定表示いたしました。こちらのページでは、特に注目されている2つの人気ブランドのサムネイルに商品のお写真を大きく配置し、ユニークなロゴとブランドの特徴が分かるようテキストを加えています。そうすることで、豊富なブランド展開の中からより分かりやすく目的のブランドを見つけられるよう、ユーザビリティに配慮した導線設計に仕上げました。

今回、新規制作する目的の一つとして、「自社ブランドや商品の良さを伝えたい」というご要望をいただきました。そのため、スマートフォンの小さい画面からでも、ナチュラルな風合いで日常使いしやすい、お客様ならではの商品の魅力を感じられるよう工夫を施しております。

具体的には、トップページのブランドコンテンツの上に、普段使いできるよう自然なスタイルに合わせて商品を身に付けているモデルのお写真を、スライドショーで画面いっぱいに設置いたしました。そうすることで、鞄の購入を検討しているユーザーが、日常の幅広い場面で使用するイメージを想像できるようなデザインに仕上げております。

システム面では、各ブランド商品の画像と詳細を掲載できる「商品一覧」をオリジナルのCMSで自社開発しました。こちらのCMSでは、「ブランド」「シリーズ」「鞄の種類」をそれぞれカテゴリー分けして登録でき、各ブランドページに自動連携で表示されるため、多くの商品情報をジャンルごとに整理しながらホームページを運用できるシステム設計となっております。

デザイン面では、お客様の丸みのある英文字のロゴデザインを活かし、ホームページで使用する英文字をロゴに合わせた丸みのあるフォントでデザインすることで、洗練された統一感と親しみやすさを感じられるよう工夫いたしました。