渡辺侑貴/情報デザイン研究I

届けよう

手紙のデザインをまとめるサイト

• 渡辺 侑貴
• Keywords：Letter,template,design
• http://myideasite.wp.xdomain.jp

概要

これは何？

手紙のデザインテンプレートをまとめたWebサイト

背景と目的

• 背景 手紙離れが増えてきている
  • スマホやインターネットが普及した今、手紙を書く人が減ってきている。
• 目的 手紙を書きたくなるようなデザイン制作
  • デザインによってジャンル分けし、印刷しやすいように画像を掲載する。
    
    

コンセプト

• 手紙を書きたくなるようなデザイン
• 見やすく分かりやすいWebサイト
  
  

成果物の仕様

• webサイト
• サイトマップ
  
• ワイヤーフレーム
• 手紙テンプレート
  
  

制作ツール

• WordPress
• Adobe Illustrator
• Mac
• アイビス
  
  

プロジェクトの期間

2023.04.11~ 2023.07.11

まとめ

今回手紙のテンプレートサイトを作るにあたって、アンケート調査をすることで手紙離れの現状をより詳しく知ることができた。手紙のデザインはある程度柄を決め、色違いを意識した。
アンケート結果を参考に完成品をダウンロード画面に掲載することで、完成品の想像がつきやすいサイトになった。

調査

現状調査

手紙をもらう人、書く人が少ない
手紙のテンプレートサイトはいくつかある
アンケート結果

先行事例

手紙のテンプレート
便箋テンプレート
【印刷可】便箋テンプレートが無料でダウンロードできるサイトのまとめ！

プロジェクト管理

スケジュール

スケジュール表

ToDo

• テーマ決め
• スケジュール制作
• キーワードを書き、アイデアを３案
• WordPress制作
• サイトマップ制作
• ワイヤーフレーム制作
• メインビジュアル制作

2023.07.18

進捗状況

• テンプレートサイズ修正
• 手紙デザイン変更
• サイト編集
• まとめ書き直し
• メインビジュアル変更
  
  
  

最終発表

• サイトにaboutページを作る
• ダウンロードを分かりやすく
• pngからpdf配布に変更(画質がよくなる)
• 完成品をサイトに載せる
  
  

アンケート結果

2023.07.07

進捗状況

• テンプレートサイズ修正
• メインビジュアル変更
  
  
  

メモ

• フチ無し印刷推奨
  
  
  
  

2023.06.27

進捗状況

• サイト編集
• 記事投稿
• 手紙テンプレート
• メインビジュアル変更
  
  
  

メモ

• デザイン案(七宝つなぎ、春、夏、秋、冬)
• 色違い
• 七宝つなぎとは…円形が永遠に連鎖し繋がるこの柄に、円満、調和、ご縁などの願いが込められた縁起の良い柄
• 洋型2号のサイズに変更する
• 封筒素材館
  
  
  
  

2023.06.20

進捗状況

• カテゴリー表記の非表示
• サイト編集
• 記事投稿
  
  

メモ

• 前期のまとめをし、後期取り組むことの確認
• ロゴだけではなく実物の写真も載せる
• 追加CSS以外にコードを入力するとバグる
• 他サイトと比較
  
  
  
  

2023.06.19

進捗状況

• デザイン案3個(スケッチブック)
• サイトマップ制作
  
  
  
• ワイヤーフレーム制作
• サイト編集
• 洋型2号(フライパンの便箋)
  
  

メモ

• アナログで書く手紙の良さについて再考
  
  
  
  

2023.06.13

進捗状況

• 枠線
• 封筒試作(洋型2号)
  
  

メモ

• 書き出し→Web用に保存→PNG-24
• 枠線テンプレート
• A4の半分がA5(便箋の大きさ)
• 封筒は定形封筒、洋形2号(162×114)、A5二つ折り
• 25g以内は84円切手
• 封筒のサイズ
• 封筒の作り方
• 画像をサイトからダウンロードすると小さくなる→パソコンの場合一度デスクトップ上に置いて印刷すると、画像サイズは元のままになる。
  
  
  
  

2023.06.09

進捗状況

アンケート結果

メモ

• 用途によってジャンル分け
  • 誕生日、おめでたい時、その他
• 手紙のサイズ、枠線
  
  
  
  

2023.06.06

進捗状況

• 手紙デザイン
  
  

中間まとめ

• 研究内容が決まり本格的にサイト作りに取り組めた
• 手紙のデザインがまだ出来ていないので、10案ほど考え完成次第テンプレートを投稿していく
  
  
  
  

2023.05.30

進捗状況

• メインビジュアル・ロゴ制作
  
  手紙が誰かに届けられる流れ、手紙をもらい嬉しい気持ちを表現
  
  
• サイトマップ制作
  
  
  
• ワイヤーフレーム制作
• 手紙デザイン
  目玉焼き
  
  便箋2、封筒1(A4、2枚)
• A4の紙で封筒の作り方
  
  

メモ

• 前期5個、後期5個
  
  
  
  

2023.05.23

進捗状況

• ワイヤーフレーム制作
  
  

手紙について

• 手紙の歴史
• 日本の手紙の歴史
  
  

アンケート結果

手紙を書く時便箋にこだわりますか？という質問に約74％の人がこだわると答えた。

2023.05.16

進捗状況

• アンケート調査
• 仮メインビジュアル掲載
• サイトマップ制作
  
  
  

先行研究の調査

• flying letter
• バター風レター メッセージカード
• 堀田七海/情報デザイン研究I
  
  
  
  

2023.05.09

進捗状況

• テーマ決め
• デザインの案出し
• サイト更新
• Googleフォームの制作
  
  

先行研究の調査

• 手紙のテンプレート
• 便箋テンプレート
• 【印刷可】便箋テンプレートが無料でダウンロードできるサイトのまとめ！
• 「手紙に関する意識調査」結果発表！
  
  

メモ

• アンケート実施
  
  
  
  

2023.05.02

進捗状況

• WordPressでサイト制作
• 仮のメインビジュアル掲載
  
  

メモ

• 見た人がどう感じるか
• おおまかなテーマを決めて、それに沿ってアイデア出し
  
  
  
  

2023.04.25

先行研究の調査

• 減災デザイン
• 減災デザイン&プランニング・konnpe2021
  
  

メモ

• 設置する場所、管理等
• アイデアをまとめるサイト
• 減災デザイン
  
  
  
  

2023.04.18

キーワード

アイデア

• 回す人がわくわくするようなガチャガチャ制作
  • 実物を学内に置いて遊んでもらう
• ポイ捨て防止のポスター、ゴミ箱を制作
  • 景観に合うようなゴミ箱
  • リサイクルまでの流れをわかりやすくまとめる
• オリジナルの推し応援グッズ制作
  • WEBサイトで掲載
  • オリジナルキャラクター作成
    
    

先行研究の調査

• ガチャリティ
• タンガチャリティ
• 投票式吸い殻入れ
• 激減！たばこのポイ捨て
• 推しのいる生活
  
  

メモ

• Web上で掲載するもの
• 実物をダンボールなどで制作
  
  
  

2023.04.11

テーマ候補

• WEB上で掲載する
  • フォント・ロゴ・イラスト・映像・小説
  • ゲームラボで制作したもの
    
    

先行研究の調査

• 貝瀬泉実/情報デザイン研究I
• 堺由加子/卒業研究II
  
  

メモ

• WordPressやhtmlなどで掲載