専門コンテンツを整理し、商品購入までつながる導線をつくりました。

担当者より

今回のリニューアルで、実務上もっとも大きな課題だったのが、旧futureshop2内に蓄積されていたページやコンテンツの整理です。

長年運用されてきたサイトだったため、ページごとにフォーマットが異なっていたり、一部ではCSSが直接記述されていたりと、同じ種類の情報でも見せ方や構造が統一されていない状態でした。

そのため、単純に既存ページをそのまま移行するのではなく、まず「どの情報を残すのか」「今後どのような構成で見せていくのか」を整理し、新しいサイトで使用する表示フォーマットを設計するところから始めました。

そのうえで、旧futureshop2内のデータをブロック単位で分解し、スプレッドシート上で整理。情報の役割や掲載先を一つずつ確認しながら、新しい構成へ落とし込んでいきました。

ただ、元のページごとに記述方法や構造が異なっていたため、移行後にはどうしても表示崩れが発生します。

そこで、公開前には各ページを実際に人の目で確認し、レイアウトや文字組み、余白、パーツの表示などに崩れがないかを一つずつチェック。問題がある箇所は個別に修正しながら、サイト全体の品質を整えていきました。

情報量が多く、ページごとに状態も異なっていたため、非常に細かな確認が必要な作業でしたが、この工程を丁寧に行ったことで、これまで蓄積されてきた情報をできる限り活かしながら、新しいサイトとして統一感のある見せ方へ整理することができました。

また、単に見た目を揃えるだけではなく、今後も更新・運用しやすい形にすることを意識してフォーマットを設計しています。

リニューアルは、デザインを新しくするだけではなく、これまで積み重なってきた情報や運用方法を一度整理し、次の運用につなげる作業でもあります。

今回の案件では、既存コンテンツの価値をできる限り残しながら、ECサイトとして商品を探しやすく、情報も理解しやすい構成へ再整理することを大切にしました。