【デザイン編】毎日白いシャツを投稿するだけのサイト作ってみた。

こんにちは。デザイナーの岸川です。
毎日白いシャツを投稿するだけのサイト「WHITE EVERY DAY」のデザインを担当しました。

【企画・構成編】の記事でサイトの発端についてディレクターの中野が熱く語っていますので、まずはこちらを読んでいただけると幸いです。

今回は【デザイン編】ということで、このサイトのデザインについて書いていきます。

トンマナ・方向性

「白いシャツが映えるようなシンプルなサイト」で、あとは好きに作ってくれていいと言われました。これだけだと迷走するので、もう少し掘り下げてみました。

  • 「毎日白いシャツ 続けて見えてくる 白いシャツの彩り」というコピー
  • 中野さんの白シャツの着こなし
  • サイトの使い方

この3つの切り口からイメージ・アイデアの着想を得て、どんなふうに反映されているかを振り返ります。

「毎日白いシャツ 続けて見えてくる 白いシャツの彩り」というコピー

同じ白いシャツでも、素材の違いやその日の天気、着る人の気分でちょっと違って見える。その違いが彩り・個性になって表れる、そんなイメージを表現しようと考えました。

メインビジュアルのコピーは、白色に見えますがよく見るとうっすら色が透けて見えます。淡いまだらな色の背景を薄く敷いていて、日々の白シャツの彩りの変化を表現しています。ロゴにかかっている線のあしらいも同様です。

中野さんの白シャツの着こなし

白いシャツと一口に言っても、スーツや制服と合わせるフォーマルなものから、普段使いのカジュアルなものまで色々あります。

中野さんの白シャツの着こなしを改めて観察してみました。ジーンズやスニーカーと合わせて毎日着続けられる気軽さも重視しつつ、打ち合わせの場にも臨むスタイルなのでゆるすぎずきちんとしている。そんなバランスをサイト全体の余白感や、どこまであしらいに遊びをもたせるかでイメージを合わせるように意識しました。

サイトの使い方

毎日白いシャツを画像で投稿するとうサイトの機能・目的の面から、
日めくりカレンダーのようなイメージをデザインに落とし込みました。

ロゴ

右下のスラッシュ(/)は日付と、カレンダーをめくった時の紙がめくれた状態をイメージしています。

投稿セクション

見出しはロゴから流用したあしらいを使っています。

投稿日をカレンダーっぽいデザインでサムネイル右上に出力するようにしました。

まとめ

デザインについてはこんな感じです。

私はそれこそスーツの時ぐらいしか白シャツを着ない(そもそもスーツも滅多に着ない)のですが、引き立て役にも主役にもなれるし、真っ白だからこそちょっとした型・素材の違いやデザインのこだわりが浮き出るので奥が深いですね。

普段の自分のなかで意識しなかったことに対して発見があったり、新しい視点が生まれたりするのでデザインって面白いなと思います。

毎日更新ということで、最も大変なのは撮影です。
撮影についてはカメラマン兼コーディング担当の堀江がどこかで語ってくれるかもしれません。