音楽家Kensei OgataさんのホームページをTumblrで作成しました。
Kensei Ogataさんを最初に知ったのは、熊本を拠点に活動していたtalkのフロントマンとしてでした。
talkは「あらかじめポスト世代」と評されたポストロックバンドで、切なさとポップさがとても好きなバンド。(※現在は活動休止中。)
昨年より東京で活動しているKensei Ogataさんですが、今後ソロとして活動する機会が増えていくということで、このタイミングで新しくホームページを作成したいという相談を頂きました。
自分が所属していた九州大学のバンドサークルBe-Rockの先輩たちに、Kensei OgataさんのCDをリリースしたDead Funny Recordsを運営する方や、talkと仲が良いAsoboysという最高なインディーロックバンドがいるのですが、そのあたりの先輩たちから紹介があって、Kensei Ogataさんと東京でつながることができました。ありがたいです。
そして皆さん待望のKensei Ogata公式サイト公開です(ブログはじめました)https://t.co/jwRco4REVx
— Kensei Ogata (@CuddlyDominion) 2016年6月12日
web制作の観点で今回のポイントは2つ!
①「リダイレクト機能」により無料のTumblrでWordpress並みのサイトが実現!
Tumblrは基本的には、Wordpressの「固定ページ」のように静的なページを追加してサイトを作っていくようなカスタマイズ画面になっています。
ただ、この静的ページのURLを任意の他のURLにリダイレクトさせることができる機能があり、アカウントをつくってだいたい3週間くらい経ったら利用できるようになります。
今回のサイトでは「NEWS」や「BLOG」がすべて、このリダイレクト機能によりリンク先が「タグ(一覧ページ)」になっています。
例えば「NEWS」を更新したい時は投稿に「#news」とタグを付け、「BLOG」を更新したい時は「#blog」と付ける…といった具合に、一つの管理画面からサイトのすべてを更新できるようになっています。これはとても楽!
②ジャケットを意識したシンプルな「花」のデザイン!
1stアルバム「Her Paperback」のジャケットや人柄、花が好きだという話、楽曲の雰囲気などからトップのデザインを作成。ジャケットに使っていない素材も合わせつつ、レスポンシブに配置しました。
ケンセイさんのサイト、スマホだとちょうどよく収まるのが気に入ってる https://t.co/UCPGXeI7Lh pic.twitter.com/pxe5X6Qmxj
— がちゃーん / 石松豊 (@orange_plus_me) 2016年6月13日
もちろん、TwitterやFacebookにシェアした際に表示される画像もバッチリ作成。雑誌の表紙的な綺麗な空気をつくれたかなと思っています。
テーマカラーも植物系で選定。スマホのナビメニューは全面カラーで塗っています。
タイトルや文章にはWebフォントを活用。Tumblrはテーマに関係のないファイルをアップするとアカウントが凍結するらしいので、そのあたりも意識しつつ最小限のコーディングをしました。
公式HPは石松くん(@orange_plus_me)にwebデザインやtumblrベースに更新しやすいようにカスタマイズしてもらいました!デザインも全然細かく指定しなかったのにこんなカッコ良くて見やすいの作ってくれて僕は感動しました。更新が楽で簡単なのでガンガン使っていきます
— Kensei Ogata (@CuddlyDominion) 2016年6月12日
こんな感じで喜んで頂けてとても嬉しいです!ブログも更新されていくそうなので、ぜひぜひ見てみてください!
■Tumblr:Kensei Ogata
音楽もこれからの季節におすすめ!
スーパーカー、Spangle Call Lillie Lineやシューゲイザー、ポストロック、宅録楽曲が好きな方、あと夏が好きな方にはぜひ聴いて欲しい。下の3曲が気に入った方はぜひCDの音源も聴いて欲しいです!
夏感。海の話したので海に行きたくなってきた / Have you heard ‘Kensei Ogata – Her Paperback’ by Dead Funny Records on #SoundCloud? #np https://t.co/iJxmD0LYli
— がちゃーん / 石松豊 (@orange_plus_me) 2016年6月12日
こんな形で音楽に関わる方のお手伝いを今後もできればと思います。お気軽にご相談ください!