サイトレビュー

【最終回】#1日1サイトレビューの記録 15〜19日目

新米webディレクターのmei(@mei_1123ak)です。

webディレクターになったばかりなので、まずは色んなwebサイトを知ろうと思い、平日毎日1サイトレビューを1ヶ月間書いてみました!

今回は最終回のまとめです。

1ヶ月間続けてた感想

  • 色んなサイトを見て、どんな構成やデザインで作られているのか知ることができた
  • どんなサイトが見やすいか、わかりやすいか、魅力が伝わるかがなんとなくわかってきた
  • 今後お客さんに提案する際に、参考になりそうなサイトのストックができ、提案の幅が広がりそう
  • 言語化することによって、深く考えるようになり自分の記憶にも残る
  • 平日毎日Twitterで投稿すると決めることで継続することができた

1ヶ月続けてみて、とても勉強になりました。1日20分くらいでできることなので、続けやすかったです。


webディレクターやデザイナーに成り立ての方や目指している方にはおすすめです。

制作動画が目をひく「jitto」

映像制作会社

  • サイトカラーは黒でシックなイメージ
  • 余計なデザインはなく、シンプルで制作動画が引き立つように作られている
  • TOPページはファーストビューのみの短いページだが、インパクトのある動画で目を引く
  • aboutページは社内風景が動画で流れているが、マウスオーバーでスライド機能もついている
  • creatorsページでは各クリエーターが制作した動画と紹介文。紹介文は「+」マークをクリックで全体が表示

読んでて楽しい見ても楽しい「haconiwa」

デザイン会社のクリエイティブ系情報発信メディア

  • ほとんどのコンテンツがブログ記事になっており、全ての記事にSNSのシェアボタンを配置
  • 写真や画像のクオリティが高いため、サムネイルも綺麗。サイト自体にデザインが少なくてもセンスが良いサイトに見える
  • サイト内にお気に入りとして記事を保存し、後で読み返すことができるようになっている
  • コンテンツに対して吹き出しでコメントを掲載。楽しそうで賑やかな雰囲気が感じられる

商品の見せ方がおもしろい「 Maruhiro 」

長崎の陶磁器メーカー

  • TOPページは商品画像を数多く並べており、目をひく
  • マウスオーバーでカラー展開やデザイン展開を表示。クリツクすると商品ページへ遷移 (商品やカラー、デザインについて、様々な情報を一気に確認できる)
  • 商品の並び順はランダム。写真は正面からと上から見た写真の2パターン
  • Pressページ一覧はイメージ画像のみ。画像の大きさはあえて揃えずランダムな見え方マウスオーバーで黄色い枠線が出る
  • 全体的に文字や画像は小さめだが、Flagship Storeページでは、大きな写真を用いてインパクトを出している

商業施設としては珍しいデザイン性の高いサイト「JYRE」

表参道の商業施設

  • 商業施設としては珍しくサイトカラーは黒
  • アートに力を入れていることもあり、全体的にデザイン性の高いサイト
  • topページの文字は左から流れてくるような動き
  • galleryページ背景はギャラリーの中を進んでいくような動画
    その上に画像や文字のコンテンツを配置させる見せ方がオシャレ
    ロゴマークの動きも印象的
  • TOPICSの背景は円が広がっていく動き

「SORANO HOTEL」

立川にオープンするホテル

  • 屋上にあるスパがウリ。そのウリの部分がサイト上でセンス良く表現されている
    →全体的に空のイメージや、スパに入っているように見えるデザインで作られている
  • topページは、ページの一番下から上に向かってスクロールする珍しい形で、屋上に向かって上がっていくような見せ方
  • 背景(空)の色が数秒置きに変化していき、1日を表しているものと思われる
  • 右側にナビゲーション。太陽のマークが移動するのが可愛い

さいごに

目標としていた1ヶ月間続けられたので、一旦#1日1サイトレビューは終わりにしようと思います。

ただ、サイトのトレンドなどもチェックしていく必要があるので、今後も気になるサイト、面白いサイトがあれば、レビューを書いていこうと思います!