SHIANBROWN

Web Designer based in Tokyo

Def Will Official Web Site

Main Image
  • Main Image
  • Main Image
  • 普段見ているアプリの操作感に近づける

    小室哲哉プロデュースのアイドルユニットのwebサイト。今っぽさや新しさを意識したいということだった。webサイトとしても若い人が自然に見られるようなものを作りたいと思った。そうなると、今のアーティストの公式webサイトの役割というのは難しい。情報は、SNSの公式アカウントなどで手に入るからだ。そういったニュースの配信はtwitterなどにしてそれらを取得してサイトにも流すというような仕組みを採用している。わざわざサイトを更新するみたいなものを極力無くしたいというコンセプトで、文面としてもSNSを前提としたスマートフォンで入力した文字のほうが受けとりやすいだろう。また、デザインやインタラクションとしてもスマートフォンユーザーに100%振ることにした。PCで表示すると、スマートフォンの枠が出てその中でサイトが表示される。このことで、実装の工数やデザインの工数を削減しつつサイトのコンセプト自体も表現できるという幾つかの要素を一気に解決することができた。

  • デザイン確認ツールのレイアウトから発想

    裏話的なものではあるが、そのデザインを思いついたきっかけがデザイン確認用に使っていたInvisionというツールだ。Invisionは、sketchで作ったデータをボタン一発でweb上に展開してさらにスマートフォンの枠までつけてプレビューを作ってくれるというもので便利で当時よく使っていた。先に進めていたスマートフォン版のデザインを送っていて、さぁPCはどうしようかと思ったところそれを見てこのまんまでいいんじゃないかなと思いついた。それをエンジニアに言ったら面白がってくれて、メニューなどを付け加えて提案することにした。この手法は、結構見た人に面白がってもらえたみたいでその後に似たような手法のサイトをいくつか見かけた。

Title

Def Will Official Web Site

Type

web

Credit

Art Direction : CAELUM Ltd.
Project Manager : Keiichi Tanifuji, Rei Kawai
Design : Tetsuro Shimura
Front End : Noriyuki Shimizu
Programming : Guillaume Piccarreta, Seiya Konno
BackEnd : Daichi Sato, Ryo Murayama