こちらは埼玉の川越/東京神田にて、ゲーム機周辺機器やモバイルアクセサリー等の企画開発・販売をされているALLONE様ホームページの制作実績です。当社ホームページを閲覧いただき、新規問い合わせを頂戴しました。
初回ディレクション時の打ち合わせで、全体的なビジュアルイメージについては、カッチリとした堅い雰囲気ではなく「個人向け/POPで親しみやすいイメージ」重視での制作をご要望いただきました。
家庭用ゲーム機の周辺機器・アクセサリに関するホームページのため、各コンテンツについて、それぞれの製品写真へ焦点が当たる見せ方で制作。サイト全体的に原色を多く使用したカラフルな色合いが特徴です。明るく個性的なデザインで、各製品をアピールしていけるよう意識しています。
ゲーム機周辺機器のALLONE様:新規ホームページ制作実績
TOPページ制作時の工夫点
TOPページメインビジュアルは4枚のjQueryで構成。1枚目は自宅で楽しく家庭用ゲームを楽しむ子供たちの画像へ「もっと楽しい。いっぱい楽しい。」といったフレーズを重ね、ワクワク楽しい雰囲気となっています。
横幅一杯の1枚写真に対し、細かいドットレイヤーをのせ、最前面に手書き風の円を装飾することで、フレーズが目立つように且つ凝ったデザインとなるよう工夫。メイン画像右側のメッセージも視認性が高まるよう、斜めに黒の半透明レイヤーを敷いています。
jQuery2枚目はSwitch専用優先コントローラーの紹介で、赤背景にかなり大きなサイズでコントローラーの画像を置いているので、とてもインパクトがあります。3枚目は専用ラメクリアケースを紹介しており、製品内容にあわせ、クリアで煌びやかなデザインを重視。
最後はSwitch Proコントローラー用 スターターキットの紹介で、ポーチやスティックカパー、グリップシールといった3点セットの商品を赤・白でスタイリッシュに表現しています。遊び心を感じるような見せ方とシャープな見せ方をうまく融合させています。
中段コンテンツは人気の「Switchリングコン用 リンググリップ」を大きくインパクト/訴求力のあるよう掲載。商品概要文も読みやすくPOPなデザインで統一しています。
その下には「おすすめ周辺アクセサリ」の欄も設け、特にお勧めor人気のある製品3つを紹介しています。気になる商品があれば、ここから商品詳細ページへと行けるようになっています。
他にも「Unipo!」といった完全オリジナル商品を紹介するページも今回設けています。こちらのページは女の子向け商品の紹介ページとなっており、ピンクとパープルのグラデーションがメインカラーで、他コンテンツよりも可愛らしくポップなデザインに仕上がっています。
TOP下段にはコンセプトとして「安心安全第一のお客様目線でのモノづくり」「無いものへのチャレンジを忘れない」「アイディアをアイディアで終わらせない」といった会社の製品作りや開発に対する想いをイメージ画像と共に、お洒落なコンテンツに制作しました。
メインビジュアルや中段コンテンツにもjQueryを使用し、動きを出していますが大きなアニメーションを加えすぎてガチャガチャした印象とならないよう注意しました。
明るく賑やかなデザインに対し、動的表現を多用すると全体的にうるさくなってしまうため、デザイン制作時は注意が必要です。
サイト公開後も継続的に新たな商品を紹介していく予定のため、TOPページ上部の目立つ場所へ新着情報欄を設置。こちらも遊び心を出し、昔のRPGゲーム風のデザインで、少し懐かしさを感じるデザインとなっています。
またTOPページを開いてすぐに「Switch」「Playstation4」「PS VITA」と、ゲーム機本体ごとの周辺機器ページへと飛ぶことができるショートカットメニューも設けています。ユーザーは自身が所有しているゲーム機に対応する製品を探しているケースが多いため、そういった場合に一目瞭然で分かるようになっており、便利です。
下層コンテンツ制作時の工夫点
下層ページも同様に、掲載内容が多いページはカテゴリ別リンクボタンを設け、導線が分かりやすくなるよう、できるだけシンプルな画面設計にしています。シンプルながらも凝った印象となるよう、飾りのブラシやアイコンを駆使してページ制作を行っています。
各製品の詳細/最下層ページは、逆にユーザーが知りたい情報を分かりやすく伝えることができるよう、敢えて余分な飾りは付けず極力シンプルな見せ方にしています。細かく製品概要を知りたい方へ向け、ユーザー視点で情報の配置を行っています。
今後は各ページコンテンツへの作り込みと共に、閲覧導線の構築/SEO対策強化を主軸に取り組んでまいります。
---------------------------------------------------------------
東京で新規ホームページ制作なら
エグゼクティブクリエイションへ
---------------------------------------------------------------
◇ウェブサイト制作/運営についての
お問合せ・ご相談はこちらより
TEL: 03-5839-2512
FAX: 03-5839-2513