YKUCMR.COM

FKRK

自分自身が体験したモノやコトを記録するサイト

概要

自分が体験したモノやコトを記録するために作成した個人サイトです。

担当

  • 企画 / 構成
  • 情報設計
  • デザイン
  • マークアップ

制作背景

アニメ・漫画・声優アーティストのライブ参戦・海外サッカー視聴などの趣味を持っているのですが、ジャンルがバラバラな前述のコンテンツをいつ・どこで・何を・どのように体験したかというのを網羅的に振り返るのが難しく、また「〇〇のライブっていつ行ったんだっけ？あとその時ってどんな感想だった？」「〇〇vs〇〇の試合観たっけ？」「〇〇の1巻っていつ読んだ？」といったことが気になった時はカレンダーアプリや自分自身のツイートを遡る必要があり、この煩わしさを解消したいと考えていました。

制作目的

  • 体験したコンテンツを網羅的にまとめることにより、後から振り返りやすくする
  • このような記録や感想をWeb上に公開することで、インターネットで繋がっている友人と直接会った時の話のキッカケになればと考えた

情報設計

  • Twitterなどの双方向な環境では書きづらい感想も書ける場にしたいという考えを持っていたため、コメント機能やSNSへの共有機能は排除した
  • 上記の理由から日ごとの詳細ページは作成せずに、一つのページ上に全ての情報が掲載される設計を採用

デザイン

  • 色は紫 / 黒 / 白 / 灰色を使用。紫と黒をメインカラーとして交互に使う事で、上手く視線誘導ができるように心がけた
  • 一般的な日記や記録サイトのあしらいとは差別化を図りたいと考えていたので、斬新だけれども、閲覧する人が混乱しない塩梅のデザインとなるように注意した

実装

  • 個人的に勉強していたNext.jsとmicroCMSを用いたJAMstack構成で作成
  • スタイリングにはTailwind CSSを使用
  • 今回の内容にはアニメーションは不要と考えたので、特に取り入れなかった
デザインツール
Figma
技術スタック
TypeScript, Next.js, Tailwind CSS, microCMS, Vercel

🏠 Back to Home

/

🌐 Visit Website