BRAVO MUSIC オンラインストア

スポーツ・フィットネス・ヨガ商品の輸入・販売全般を行っている株式会社ブラボーグループ様のサイト「BRAVO MUSIC オンラインストア」のリプレイスを担当させて頂きました。国内最大級フィットネス⾳楽販売サイトになり、リニューアルに伴い、EC-CUBE2系から4系へリプレイスをしております。

主要なシステムカスタマイズ内容について、ご説明をいたします。
■ダウンロードデータ販売
MUSICの商品詳細ページにおいて。CD販売だけでなく、音源のダウンロードデータがサイトから購入ができるよう実装しました。
「購入完了画面・購入履歴画面」にてダウンロードボタンを表示させ、そこからダウロードできる作りになっています。
同画面にて、「複製許諾付き購入証明書」もダウンロードすることができます。

ダウンロード可能期間はアプリを除いて、購入後14日間にて期間指定を設けました。
「複製許諾付きダウンロード」ではアプリと連携し、データの複製先を「アプリに入れる」を選択すると、音楽プレーヤーアプリ「BRAVO BEATS」に入れることができる仕様となっています。

これらはすべで外部のシステムと連携し、データを表示させています。


■音楽視聴
楽曲ごとにお試しで聴けるようSPにも適用し、音楽視聴プレーヤーを実装しました。
「欲しいものリスト」とも連携し、ユーザーにとって使い勝手の良い作りとしております。


■外部システムとの連携
本サイトは以下情報について、外部システムと連携し実装しております。
・販売管理システムとの商品データ、受注データ、顧客データの連携
・音源データ(外部システムのライブラリーサーバーとの連携により音楽視聴やダウンロードすることを実現)
・クレジット決済


【デザイン】については、以下コンセプトの元リニューアルを行いました。
全体的なトーンはブランドカラーの赤を軸に、クールでスタイリッシュな方向性で、余白感とメリハリ感をつけ(フォントのジャンプ率や、背面とのレイヤー感)構成をいたしました。
白と黒を交互に背景を敷くことで、リズムを感じられるデザインで仕上げております。

背面には全面に写真を配置し、その上をコンテンツがスクロールしていくレイヤー構造を採用しました。
スクロール時の流れに奥行きが加わり、「動」なイメージがスクロール時に生まれる効果があります。
また、ブロック単位でさりげなくアクセント程度に配置している英字部分については、横に流れる動きを付け、リッチ感を出しております。

ヘッダー部分の掲載要素については、分かりやすさを心がけ、シンプルな見せ方で整理しまとめました。
本商材には欠かせない著作権についてはヘッダー部分に導線を設け、アテンションがかかる工夫をしております。