UMAA - ユーマ株式会社

ボーカロイド・シーンから飛び出した人気国内アーティストから、海外のビッグ・アーティストまでの最新情報をオーディオ・ヴィジュアルと共にグラフィカルに楽しめるウェブサイトへ。音楽を中心に幅広いフィールドの新たな才能をカバーする「ユーマ株式会社」のウェブサイトをリニューアルいたしました。
UMAA - ユーマ株式会社
htthttp://www.umaa.net/
umaaイメージ

1.マルチデバイス対応、レスポンシブデザイン

幅広いジャンルの音楽を扱う音楽レーベルであるからこそ、オールジャンル、オールターゲットにアプローチ可能なインターフェイスを実現しました。

●ポイント
・グリッドレイアウトを採用し、スマートフォンやタブレットPCなど様々な閲覧環境に対応するレスポンシブデザインを実現。
・"jQuery Masonry"を独自にカスタマイズし、グリッド間の空白スペースにはHTML5のゲームを埋め込みや、GIFアニメーションを表示。遊びゴコロも満載です。


umaa

2.コンテンツはCROSS STEPでワンソース管理

マルチデバイス型のアウトプット、さらにYoutubeなど外部メディアからのデータのインプットも柔軟に。すべてCROSS STEPにて、コンテンツ管理/連携を行っています。

●ポイント
・画像やテキストなど、コンテンツは全てワンソースでマルチデバイスに対応。
・YouTubeやニコニコ動画、SoundCloudなどの外部メディアとシームレスに連携も。

さらに
・日英言語切り替えに対応。
・ブログ管理にはWordPressを導入しCROSS STEPと連携。
soundcloud連携サンプル
SoundCloud連携例