濱田侑里/情報デザイン研究I

日々読書

本の紹介サイト オリジナル栞も配布🔖

• Yuri hamada
• Keywords：book, bookmark, reading,web
• https://yh-1105.github.io/hibidokusyo/
  
  

概要

これは何？

おすすめの本を紹介する。それぞれの本をイメージした表紙とマッチする栞を作成し、より一層物語の世界に浸って欲しい。

背景と目的

普段本を読まない人でも、栞のデザインから少しでも本に興味を持って欲しい。
よく本を読む人にも、栞を使うことでさらに物語を楽しんで欲しい。
学生のうちに多くの本と触れ合って欲しい。
情報デザイン演習llAの授業で作成した成果物の改良。
（二年次にGoogleのサービスで作成したサイトを、HTMLなどを使い作り直す。栞を配布するだけのサイトだったが、本の紹介もする。）

• 情報デザイン演習ⅡA

コンセプト

誰でも簡単にダウンロードできる。
本に興味を持つ。
本に触れる。

成果物の仕様

• Webサイト
  
  
• サイトマップ
  
  
  
• ワイヤーフレーム
  
  
  

制作ツール

• ハードウェア
  • MacBook Air
• サービス
  • Photoshop（23.41）
  • Illustrator（26.31）
  • mi
  • github
  • 版元ドットコム

プロジェクトの期間

2023.04.01 - 2023.07.31

まとめ

前期の制作目標であったWebサイトは完成に近い形まで進めることができた。このプロジェクトは通年でするため、ここから本の紹介と栞の作成をしつつ、充実したページにしていきたい。今回の制作で工夫したところはメニュー構成である。最初の段階では本のジャンルを「カテゴリー」としてまとめていたが、一目で本の紹介サイトと分かるように細かく分類した。しかし、本のジャンル分けは非常に悩ましく、まだ改善の余地がある。また、本に興味がない人はそもそもこのサイトを見ないのではないかと思い、情報デザイン演習ⅡAで行ったInstagramでの本紹介も同時進行で更新していきたいと思う。WebサイトとInstagramのいいところを上手く活用しつつ、多くの人に本と触れ合ってもらえるよう努めていきたい。今回の研究を通して、HTMLやCSSの理解度を高め、"楽しみながら"制作することができた。

調査

現状調査

• アンケート調査①
  • 約半数の人が本を読まない。
  • 本を読む人のうち約9割近くの人が紙媒体の本を読むため、栞を作る価値はありそう。
  • 好きなジャンルの本を読む人が多い。人気のジャンルも調査する必要がある。

• アンケート調査②
  • ミステリー・恋愛が大半を占める。

先行事例

• 好書好日
• カドブン
  
  

技法・技術情報

プロジェクト管理

スケジュール

• スケジュール
  
  

ToDo

• 参考サイトのピックアップ
• サイトマップ作成
• ワイヤーフレーム作成
• Webサイトの作成
• 栞の追加作成

2023.06.20

• 学科サイトの更新
• 作品の作成（内容）
  • 本の画像
  • あらすじの掲載
  • 栞の掲載
• HTML・CSSの学習
  
  
  
  

2023.06.13

• 学科サイトの更新
• Webサイトの作成（内容）
  • 本の画像の掲載
  • あらすじの掲載
• HTML・CSSの学習

2023.06.13

• 学科サイトの更新
• Webサイトの作成
• HTML・CSSの学習
  
  
  
  

2023.06.06

• 学科サイトの更新
• Webサイトの作成
• HTML・CSSの学習
• アンケート結果の公表
  
• 結果を踏まえて
  • ミステリーと恋愛が半数近くを占めていた。
  • 人気があるジャンルを重点的に攻める方がより多くの人の興味を惹くことができる。
    
    
    
    

2023.05.30

• 学科サイトの更新
• Webサイトの作成
• HTML・CSSの学習
• 前回の考察を踏まえて追加のアンケート調査（フォームズ）
  
  
  
  

2023.05.23

• 中間発表
• 学科サイトの更新
• Webサイトの作成
• HTML・CSSの学習
• アンケート結果の公表
  
  
  
  • 約半数の人が本を読まない。まず第一に本を手に取ってもらうにはどうしたらいいのか。
  • 9割近くの人が紙媒体の本を読むため、栞を作る価値はありそう。
  • 好きなジャンルの本を読む人が多い。人気のジャンルも調査する必要がある。
• 中間報告を終えて
  • メインメニューの"ABOUT" "CATEGORY" "CONTACT" "OTHERS" という分け方は本を探しにくい。
  • 本のジャンルをサブメニューとして表示する。
    
    
    

2023.05.16

• 学科サイトの更新
• 試作品の作成
• HTMLの学習
• アンケート調査（フォームズ）Instagramのストーリーにリンクを添付
  
  
  
  

2023.05.09

• 学科サイトの更新
• 試作品の作成
• HTMLの学習
  • 
    
    
    

2023.05.02

作業報告

• 学科サイトの更新
• サイトマップの作成
  
  
  
• ワイヤーフレームの作成
  
  
  
  
  

2023.04.25

作業報告

• 学科サイトの更新
• 調査
  • 本の紹介や販売サイトを見たところ、サイトによってカテゴリーの分け方が違う。
  • 色々なジャンルがあるため、全てのジャンルを紹介しようとするとキリがない。
  • 多くの人に人気のジャンルに絞り、カテゴリー分けをする。
• ジャンルのピックアップ（仮）
  
  
  
  
  

2023.04.18

作業報告

• テーマ変更
  • 4/17までのプロジェクトをやめ、情報デザイン研究llAで作成したサイトの改良を行う。
  • 情報デザイン演習ⅡA
• 学科サイトの更新
• 参考サイトのピックアップ
  
  

参考サイト

• 好書好日
• カドブン
  
  
  
  

2023.04.17

作業報告

• 福岡市 経済観光文化局の方の講演会
• 調査
  
  

アイデアメモ

• 現状
  • 水辺に人が集まりがち
  • 南側に人が居ない
  • 北側と南側、それぞれの特徴を調べて生かすのが良い(?)
  • 福岡城に来たときの思い出となるものの配布・販売　ex)御城印
• 案
  • Webサイトの改良
  • 展示会を開催する
  • フリーマーケットや蚤の市の開催
  • マップやパンフレットの改良
  • シニア向けのふれあいハイキングなどのイベントの開催
    
    
    
    

2023.04.11

作業報告

• 福岡市中央区城内地区を中心とした地域活性化のプロジェクトに参加
• 学科サイトの更新
• 調査
  
  

参考リンク

• 熊本城
• 岡山城
• 大阪城
• 姫路城