小南泰葉

 
■小南泰葉 OFFICIAL WEB SITE : http://kominamiyasuha.jp/
 
今年デビュー5周年を迎える小南泰葉さん。最近では音楽活動の他に、絵を描いていたり、暗闇で実験的なライブをしたりなど、色々な形で表現活動をされています。今回は、そんな小南泰葉さんのWebサイトのリニューアルを担当させていただきました(全体設計/デザイン/コーディングはGMAの石松豊が担当しました)。

ポイントを絞って紹介!

■アート感のある背景
モノクロのアー写や、音楽だけでなく絵を描いたりという「アーティスト」であることから、アート感を全体的に意識しました。
例えば、セクション区切りのこの部分は、小南さんが『LABO&LIVE』で実際に描いた100枚以上の目の絵を切り貼りして、模様のような背景を作成しています。
 
artwork

 
■アニメーションGIFのサムネイル
よくMVを紹介するとき、Youtubeをそのまま埋め込む(再生マークが表示されている)か、静止画のサムネイルが表示されていることが多いと思います。
今回は、ギリギリまでファイルサイズを圧縮しながら、アニメーションGIFでMVのシーンを見せるという工夫を行いました(アニメーションGIFはGMAの編集者の坂口文華が担当しました)。
 
movie_gif

 
▼アニメーションGIFの例
ezgif.com-optimize

マウスオーバーで「more」というテキストと再生マークが表示され(下記の図参照)、クリックするとモーダルウィンドウで埋め込みYoutube動画を再生することができます。
 
3355411

今後、世の中的に通信速度がもっと速くなっていくことも想定して、サイトを見る人によりMVに興味を持ってもらうためのアイディアです。
 
■noteをRSSで表示
blog_note

ブログツールも多く増える中で、外部サイトの更新情報をホームページに表示したい、というニーズもあったりします。
今回はfeedwindというWebサービスを利用して、noteの更新情報をRSSからサイトに表示させています。

お問い合わせについて

今回はWordpressでのWebサイト制作でしたが、TumblrでのWeb制作や、その他各種PR活動をGMAはおこなっています。
詳細はABOUTCONTACTからお願いします。