namikuguri.github.io

目的

@namikuguri ができることの紹介。

  • 訪れた人にとって必要なものが namikuguri.github.io にあることがひと目でわかる
  • 必要なものを見つけたら、それを深堀りできる
  • 訪れる人
  • デザイナー
  • マークアップエンジニア
  • ブログの読者
  • Twitter で興味を持ってくれた人
  • 企業の採用担当者
  • 訪れる人にとって必要なもの
  • 〜なロゴ
  • 〜なバナー
  • 〜なサイト
  • 〜なチラシ
  • 〜な人
  • スキル
  • 人柄
  • 現在の活動

仮説と提案

仮説

namikuguri.github.io に訪れる人は、誰が何をつくったのかを見たいのではなく、何を誰がつくったかを見たいのでないだろうか。見る順番の話ではあるものが、製作者よりも作品が先に見えたほうが、訪問者にとって得たい情報と合っているのではないか。

また、最初サイトに訪れたとき、作品に興味を持ったとしてもじっくり時間をかけて眺める人は少なく、大雑把にサイトを一周する人が多そうである(グローバルヘッダーのメニューを全部押してみるとか)。これは自分が他の人のサイトを見るときにそうだから。

提案

トップページには作品をグリッド形式で展示する。将来の話ではあるが、できるだけバリエーションが出るように、ロゴ、バナー、サイトといった異なる制作物や、デザインテーマ(ポップ、クールなど)の違う作品を複数出したい。

サイトを一周した人が @namikuguri を深堀りできるように、ブログのリンクを載せる。作品詳細ページもつくれたらいいけど、これは時間がなければ先送りにする。

デザインテーマ

余計なものがなく、言葉や作品をストレートに伝えるようにする。
さらに @namikuguri の印象をデザインにのせられたらいい。

スコープ

  • すでにあるもの
  • @namikuguri のロゴ
  • サイトに載せるコンテンツ
  • やること
  • github.io でサイトの作成
  • 作品一覧ページ
  • thleap.net に載せてない最新 3件
  • 作品詳細ページ
  • ただしタイトルと画像を載せただけのページ
  • 自己紹介ページ
  • 問い合わせページ
  • Google Analytics の設定
  • やらないこと
  • ロゴのリニューアル
  • ブログのリニューアル
  • 作品の作成