Petal Note
日常で見つけた花をスタンプに
メインビジュアル、あるいは
プロジェクトの最新の状態を視覚的に掲載
- 田尻有沙
- Keywords：花, 花集め, スタンプ帳, デジタル
概要
これは何？
Petal（ペタル）＝花弁
日常で出会った花を記録し、スタンプのように残していくWebサイト。
外でのちょっとした発見が、少しずつコレクションになっていきます。
背景と目的
舞鶴公園での桜祭りに訪れたり、海の中道海浜公園でネモフィラを見た際に、ただ写真に収めるのではなく何か別の形で記録を残したいと考えたのがきっかけ。
つい最近シール帳がブームになったことで、それに近しいスタンプ帳らしきものをもっと身近な媒体（ーSNS）で出来たら気軽に利用しやすいと考えた。
日常の中で花に目を向けるきっかけを作り、見つけた花を楽しく記録・収集できる体験を提供することを目的とする。
コンセプト
体験&視覚型Webサイト
成果物の仕様
制作ツール
プロジェクトの期間
2024.04.09 - 2024.07.16
まとめ
調査
現状調査
先行事例
技法・技術情報
プロジェクト管理
スケジュール
ToDo
- UI設計
- ボタン配置を考える
- 画面ごとのレイアウト決定
- デザイン方向の決定（色・世界観）
- 素材制作
主な花選び花のイラストデッサン- 花のイラスト作成
- スタンプデザイン
- 演出用素材
- 音の作成??
- 開発（試作）
- 試作Webサイトの作成（動作確認）
- 画像アップロード機能
- 各ページ制作
- トップページの作成
- 記録ページの作成
- スタンプ帳の作成
- マイページの作成
進捗記録
2026.04.23
花選び
農林水産省によると、外国原産の花も含め日本で生産されている花きは約4万品種にのぼり、さらに毎年2000〜3000の新品種が追加されている。
本研究の対象範囲は道端・公園・学校・街路樹周辺など、日常生活の中で自然に目にする花である。生産品種全体と比較すると少なくなるものの、それでも多様な種類が存在する。
今期では体験設計および実装の観点から、扱う花の種類を15〜20種に絞ることとした。
- 春：サクラ / 梅 / たんぽぽ / シロツメクサ / オオイヌノフグリ / 藤 / ツツジ
- 夏：紫陽花 / アサガオ / ヒマワリ / ムラサキカタバミ
- 秋：コスモス / キンモクセイ
- 通年・花壇：チューリップ / パンジー / バラ
- 特別枠：ネモフィラ / 菜の花
cssアニメーション案
2026.04.16
タイトル案
制作物
本当はアプリを作りたいが、技術無し
↪︎まずはWebサイトを作ってみる
うまく機能できそう、あるいはアプリのほうが実現可能と考えたら、後期の研究IIや卒業研究で作る
利用例案
- メイン
1.外で花を見る
2.スマホで撮るor記録する
3.「チューリップを発見！」「たんぽぽをゲット！」などイラストと共に可愛い演出 →体験型
4.スタンプ帳に追加
5.自分だけの花畑が少しずつ賑やかに →視覚型
- その他機能
日記と軽く繋げる
- どこで見たか
- だれと見たか
- 一言メモ（その日の気分や花の状態ー満開など）
初めて記録した花はレア演出？？
名前がわからない花
↪︎仮登録機能（あとで調べる）
サイトマップ
見えにくいため、タップして拡大してください。
2026.04.09
テーマ案
- SNS時代におけるアイドルの在り方
- 貝殻の形や色はなぜ美しいと感じるのか
- 西新商店街の魅力再発見を目的としたWebサイト
- 「一杯の価値」を高めるコミュニケーションデザイン
- 「いいこと日記」をスタンプで表現する体験型Webサイト
- 抱くという行為が生む安心感の可視化
- 花が増えていくWebサイト
- 歌うと世界が変わるUI
- 推しとの思い出を集めるWebサイト
- 音楽体験が記憶に残る仕組みのデザイン
参考事例
