LogoMark.png

吉良琉汰/卒業研究

heder.PNG

概要


人生を生きていくなかでいつの間にか忘れてしまう記憶という大事な思い出を
新しいアプローチで保存する方法を提案するwebサイト

背景と目的


背景
現在思い出を残す方法として、写真の撮影を行ったり訪れた場所の切符や入場チケット等を残す等、様々な方法がありますが、撮影した物を特に何もせずそのままにしておいたり、クラウドストレージ等に保存を行っても実際見返す機会が少ない事に気がつきました。また、写真や映像からはその撮影時の感情が伝わりにくく、感情も含め思い出を忘れていくのは勿体ないと感じました。
目的
そこで、感情をモチーフにデザインした切符程度の小さな媒体に、画像や映像、音声等の情報をqrコードを通して引き出せるようにし、記憶と情報を結びつけ両方の側面から新しい体験価値を生み出す事で、思い出を楽しく保管できるシステムがあれば面白いのではないかと気が付き、新しい仕組み思い出きっぷを作成することを目的にしました。

コンセプト


普通にアルバムを見るのとちがって、qrコードを開くワクワク感や、アナログとデジタルの側面を活かせる融合させることで、従来のアルバムとは一味違う新しい体験を提供し、より魅力的なコンテンツにする。また、写真や映像等のデータからは伝わりにくい撮影時の感情という情報を付与して、インターネット環境とスマホやパソコンさえあればどんな人でも好きな時間に思い出を切符として保管ができるようにする。

成果物


  1. 専用型切符デザイン
    画像1枚に対してQRコードの生成を行うので、読み込む事で即座に画像が表示され、見たいものをピンポイントで伝える事が可能なタイプ。
    それ以上のデータを追加する事ができない。
    使用例:感動した1枚をピンポイントで保存したい場合
    20230707_124243.jpg
  2. ファイル型切符デザイン
    ファイルに対してQRコードの生成を行うので、複数のデータをまとめて保存できる上、編集を許可する事でQRを読み取った人達と共有のアルバムとしても使い回す事ができ、追加したいデータがあればオンラインで随時データを追加できるタイプ。
    使用例:数人で旅行に行った時の思い出を共有する等、複数のまとまりとして保管したい場合
    20230707_124320.jpg
  3. 音楽メッセージ型切符
    「あの時期よく聞いてたな」等、思い出の曲をQR化する事で曲にアナログの情報を持たせる事ができるようなる。
    また、メッセージを書けるように大きな余白をとっているので、曲を人におすすめしたい時にメッセージ付きで曲をおすすめしたり、過去にどんな時期にどんな感情でその曲を聴いていたのかのメモ等にも使用する事ができる。
    20230707_124225.jpg
    工夫点

制作ツール


まとめ


前期まとめ


調査


活用事例
QRコードで墓参り
お墓にQRコードを埋め込む事でお墓参りを行った時に故人との思い出を振り返る事が出来る新たな形のお墓
洋服のタグにQRコード
洋服のタグにQRコードを埋め込む事で服に情報を持たせることができ、タグのQRに読み取ればすぐにショップに飛べる。売上の機会も逃さず便利。
データ情報
スマホやカメラで撮る写真に関する調査

技術情報
QRコードの生成
動くWEBデザイン
コーディング参考
ペヤングブランドサイト
covermaker
音楽カード
リリース
引用




プロジェクト管理


スケジュール管理
ToDo
テーマの捻出
中間報告
中間報告を受けての制作
切符デザイン制作
サイトマップ制作
Web制作
報告

制作記録


2023.12.15

パネル制作

2023.12.8

プレゼン&フィードバック

2023.12.1

ブラッシュアップ
サイトのフッター用ロゴを制作し配置した

2023.11.24

webのブラッシュアップ
サイトにFAQエリアを作成し最終調整を行った

2023.11.17

webのブラッシュアップ
サイトのuiを変更し見やすくなるようディスプレイの仕方に変更を加えた

2023.11.10

切符のブラッシュアップ

2023.10.27

中間報告を終えてブラッシュアップ

2023.10.20

中間報告を終えてブラッシュアップ

2023.10.13

状況整理
HTML のフォーム機能要素を使い色や文字を入れるためのフォームを作成する

2023.10.06

作るページを編集
webページを参考にしたり、その他プログラマーとの意見交流でアドバイスを頂く。
HTML css Javascriptで作成していく。
インフラ面をどうするのかを考えていく。
htmlのページ数を増やして作成の工程を細分化していく。

2023.09.29

メインページとなるindexのページを編集
イメージラフを再現するため背景の切符画像の動きは動画を使用。
CSSにて背景に動画を挿入し中央揃えで配置
また最下層のレイヤーに配置
背景動画の上に透過ロゴを配置
透過素材でのサイト説明ページ画像を制作し配置。後々スクロールする事でポップアップアニメーションを設定する可能性あり
その他必要ページを作成。デザインは随時修正予定

2023.09.22

2023.09.15

状況整理

2023.07.14

概要集制作

2023.07.07

制作

2023.06.30

制作

2023.06.23

web開発・メインビジュアル制作

2023.06.16

Web開発

2023.06.9

中間報告期間

2023.06.2

中間報告期間

2023.05.26

中間報告期間

2023.05.19

テーマアイデアの捻出

2023.05.12

テーマアイデアの捻出
「人間がいつの間にか忘れてしまう記憶を大切に保存したい」
を主なテーマとして具体的な案を形にして作品を制作していく。
具体的にこのテーマをもとにしたアイデアを3つ考えました。

  1. 思い出バンク
    本来はすてるような映画の半券やレシートを保存でき、おもいでをほかんできるATM
  1. 幸せポイントカード
    幸せを感じるごとにポイントがたまり、自分の幸福会員れべるがはかれる
  1. ゴミpay
    自分がすてたゴミの値段でpayがチャージされていき、自分が浪費してきた金額が分かる。

2023.04.28

テーマアイデアの捻出

***デジタルベジタブル
普段は混じり合う事がない2つが混ざるとどんな反応が起きるのか試し
たいWebサイトやアプリ開発か、ポーカー形式のボードゲームとして制作
するのも面白いかもしれない。
記憶とは関係のないテーマだったため取り扱わない事にした。

2023.04.21

テーマアイデアの捻出

2023.04.14

テーマのアイデア

PAGES

GUIDE

添付ファイル: file22.jpeg 14件 [詳細] fileticket_color.png 17件 [詳細] fileheder.PNG 15件 [詳細] filesitemap_img.PNG 18件 [詳細] filemainlogo_img.png 18件 [詳細] filesublogo_img.png 19件 [詳細] fileSitemap.jpg 27件 [詳細] fileScreenshot_20230707-133834_YouTube Music.jpg 26件 [詳細] fileScreenshot_20230707-133852_Drive.jpg 26件 [詳細] fileScreenshot_20230707-133905_Drive.jpg 26件 [詳細] file20230707_131308.jpg 28件 [詳細] file20230707_124320.jpg 27件 [詳細] file20230707_124243.jpg 28件 [詳細] file20230707_124225.jpg 26件 [詳細] fileSaga.jpg 26件 [詳細] file1685682740788.jpg 30件 [詳細] file1.jpg 29件 [詳細]
Last-modified: 2023-12-21 (木) 15:54:06