#author("2024-12-20T15:05:53+09:00","default:member","member") #author("2024-12-20T15:07:06+09:00","default:member","member") *POOCH PLUS 犬の迷子を防止する注意喚起webサイト #image(main_image.png) -''Yumi Kurakazu'' -'''Keywords：Web design, dog, tag''' //-[[メモ>倉員優実/卒研メモ]] //-__[[相互評価シート>https://www.example.com]]__ ← ここからコメントをお願いします。 //-[[プレゼンページ>倉員優実/プレゼン用/限定]] -https://zu24.github.io/POOCHPLUS/ -[[作品概要>https://ksumail-my.sharepoint.com/:b:/g/personal/k21as014_st_kyusan-u_ac_jp/EbDDUd_qCL9BpaIAgYNy67ABmdypltcSUP-79rnEpYA0jg?e=KfxRoZ]] ~ ~ 🎗️ [[授業ページ>卒業研究]] 🔸 [[Iwata Lab>https://www.iwata.art.kyusan-u.ac.jp/wordpress/category/gr2/]] ~ ~ **Overview //概要 ***What is this? //これは何か・・を簡潔に 犬を迷子にさせない注意点や解決方法をまとめたサイトの提案 ~ ~ ***Background and Purpose //プロジェクトの背景と目的 ~ 日本では年間約2万2千頭の犬が保健所に収容されている。そのうち88%は飼い主がわからない状態で預けられ、飼い主への返還率は40%と半数を下回っていることが分かった。保健所以外にも警察に届けられた犬の遺失物は12,722頭と多く、XやInstagramなどの身近なSNSでも＃迷子犬のタグが付けられた投稿が毎日更新されている。 マイクロチップの義務化やGPSグッズの進化により、迷子__後__の対処法は多く展開されているが、そもそもの__原因__に対する注意喚起や方法があまり紹介されていないことが分かった。 そこで、本研究では犬が迷子になりやすいポイントやその解決方法を、イラストを用いて分かりやすくまとめたサイトを制作こととした。 対策グッズや対策方法だけでなく飼い主側の注意点をまとめたサイトを制作することで、犬の迷子問題を少しでも減らしたいと考えている。 ~ ~ ***Concept //コンセプト //基本的な考え方、枠組み、視点など 迷子対策をネガティブなイメージで捉えるのではなく、愛犬との生活をより良くするためのポジティブなイメージとして捉えてもらいたいため、ポップな印象のデザインにする。また、犬を飼い始めた人や飼おうと思っている人にもわかりやすいよう、用途に分けてイラストを使用する。 ~ ~ ***Output //成果物の仕様 //成果物の形式・サイズ・時間尺等 -イラスト #image(home_image.jpg) #image(card_image.jpg) ~ -QRコード付きポップ #image(pop_image.png) ~ -ウェブサイト #image(QR.png,60%) #image(site_image.jpg) -https://zu24.github.io/POOCHPLUS/ ~ ~ ***Tools //使用するツール｜ハードウエア・ソフトウエア -Adobe Illustrator -Adobe XD -Visual Studio Code -HTML -CSS -JavaScript ~ ~ ***Term 2024.04.12 - 2024.12.20 ~ ~ ***Conclusion / Summary 彩度の高い色を多く使用し、装飾を散りばめたことで楽しげなサイトにすることができた。サイト全体の統一感を出すため、色を限定して使用し要素ごとに色分けをした。色分けしたことによって情報をわかりやすくまとめることができた。迷子対策前の家の様子と迷子対策後の家の様子の２つのイラストを並べて配置することで、迷子対策へのイメージを沸きやすくすることができた。また、立体的なイラストと平面的なイラストを使い分けることで情報をよりわかりやすくまとめることができた。 ~ ~ ~ **Survey //調査 ***Present Status //現状調査 //プロジェクトのテーマに関わる社会の現状と問題の洗い出し -[[東日本大震災でのペット被害数>https://www.env.go.jp/nature/dobutsu/aigo/2_data/pamph/h2508c/01.pdf]] -[[犬鑑札/注射済票についての意識度調査>https://docs.google.com/spreadsheets/d/1PTXJlFQLp6V0dqmYD1jC9KOfJr9s6ebTw0baNdoE328/edit?usp=sharing]] ~ ~ ***Precedent //先行事例 //プロジェクトのテーマに該当する先行事例の紹介、傾向分析など -ウェブサイト --[[ボラギノールタウン>https://www.borraginol.com/town/]] --[[Mediagene15周年サイト>https://www.tnlmediagene.jp//25th/]] --[[ピンタレストのボード>https://pin.it/bw0qryO8A]] -イラスト --[[イラスト>https://pin.it/2sWd6NKo3]] ~ ~ ***Technique / Technology //技術調査 //プロジェクトの遂行に必要な技法・技術に関する調査 -イラスト --[[アイソメ図を作ろう/Syngram>https://www.syngram.co.jp/blog/8465]] -サイト --[[ECサイトコンセプト設定について/W2>https://www.w2solution.co.jp/useful_info_ec/803/]] ~ ~ ~ ~ **Project Management ***Schedule 🗓️[[進行表>https://docs.google.com/spreadsheets/d/1n7Qc0sMPUldzZ9873FnKYyfgFLBgaW_Sz01z6mKQtLU/edit?usp=sharing]] ~ ~ ***ToDo //やるべきこと（タスク）を箇条書きにします。 //完了後は「%%取り消し線%%」あるいは「// コメントアウト」 💡[[タスクリスト>https://docs.google.com/spreadsheets/d/1n7Qc0sMPUldzZ9873FnKYyfgFLBgaW_Sz01z6mKQtLU/edit#gid=1247861555]] ~ ~ ~ ~ ~ #hr CENTER:''WORKLOG'' //最新の情報を一番上に記載して下さい（古い記事が下へ沈む）。 #hr ~ ~ ~ **2025.01.08 最終発表後のブラッシュアップ内容を箇条書きで書く ~ ~ ~ ~ ~ **2024.12.20 *** [[iwatal ab>https://www.iwata.art.kyusan-u.ac.jp/wordpress/2024/12/19/gr2_24_14/]] ***&color(red){ブラッシュアップ期間2025/01/08}; ***&color(red){入稿期限期限2025/01/10}; ***&color(red){ブラッシュアップ 期限2025/01/08}; ***&color(red){入稿 期限期限2025/01/10}; -[[参考データ>https://ksumail.sharepoint.com/teams/R4877/Shared%20Documents/Forms/AllItems.aspx?id=%2Fteams%2FR4877%2FShared%20Documents%2FGeneral%2F02%5F%E5%9B%B3%E9%8C%B2%E9%96%A2%E9%80%A3&p=true&ga=1]] ***&color(red){説明パネル}; ***&color(red){説明パネル 2025/01/20}; -[[参考データ>https://ksumail.sharepoint.com/teams/msteams_fff353-01/Shared%20Documents/Forms/AllItems.aspx?id=%2Fteams%2Fmsteams%5Ffff353%2D01%2FShared%20Documents%2F01%20%E6%83%85%E5%A0%B1%2F%E6%8E%88%E6%A5%AD%2F%E8%AA%AC%E6%98%8E%E3%83%8F%E3%82%9A%E3%83%8D%E3%83%AB&p=true&ga=1]] ↑パネルフォームを編集して作る --アウトライン❌書体変更❌ --1Pの画像は実寸で300dpi --2Pの画像は、最大限高解像のファイル --画像はaiファイルに埋め込み --QRコードはパスデータ ~ ***やること --作品のブラッシュアップ --レイアウト案の画像作り --入稿 --説明パネル作り ~ ~ ~ ~ ~ **2024.12.06 ***進捗 ~ ~ ~ ~ ~ **2024.11.29 ***進捗 -[[XDスマホ版>https://xd.adobe.com/view/2b33091c-5e28-4100-81de-820b75bedefd-7e60/?fullscreen]] -学科サイトの更新 ~ ~ ~ ~ ~ **2024.11.22 ***進捗 -XDスマホ版制作 ~ ~ ~ ~ ~ **2024.11.15 ***進捗 -XDスマホ版制作 ~ ~ ~ ~ ~ **2024.11.8 ***進捗 -XDスマホ版制作 ~ ~ ~ ~ ~ **2024.11.1 ***進捗 -イラスト2種 #image(home_image.jpg) #image(card_image.jpg) -XDスマホ版制作 ~ ~ ~ ~ ~ **2024.10.25 ***進捗 -XDスマホ版制作 ***中間審査 ~ ~ ~ ~ ~ **2024.10.18 ***進捗 -イラスト(大) -イラスト(小) ***変更点 -枠なしのイラスト→正方形のアイソメトリック図のイラストに変更 変更理由：犬や人間がぼんやりしたため家を小さめにして犬や人間に焦点を当てる -文字情報を減らす 変更理由：イラストに目をいくようにすることで直感的にわかりやすく ~ ~ ~ ~ ~ **2024.10.11 ***進捗 -イラスト(大) -テーマカラー決定 オレンジ(#FFAD1C) 元気・ポジティブ・安心のイメージのあるカラーに決定 ~ ~ ~ ~ ~ **2024.10.04 ***進捗 -イラスト(大) -ネーミング案出し 『WITH POOCH』 愛犬と共に過ごすことの大切さや楽しさを強調している 共に楽しむ時間の価値などをイメージしたネーミング 『POOCH PLUS』 pooch(愛犬)とplus(追加)を組み合わせたネーミング 愛犬との生活をより豊かにするプラスアルファを意味する 愛犬との時間や体験にさらなる価値を加えることを強調 『Poochify』 pooch(愛犬)と-ify(変化させる)を組み合わせた造語 愛犬との生活をより良く快適に変化させることを表している 愛犬と一緒に過ごす環境や体験をより快適に、楽しくするというニュアンス。 -概要書き換え - ~ ~ ~ ~ ~ **2024.09.27 ***進捗 -イラスト(大) ***変更点 10pのサイト→1pのLPサイトに変更 大きイラストを＋10枚 ~ ~ ~ ~ ~ **2024.09.20 ***進捗 -イラスト(小) ▶︎[[ドライブリンク>https://ksumail-my.sharepoint.com/:f:/g/personal/k21as014_st_kyusan-u_ac_jp/Eic5UbHg90VHiXRIovB6_lMBNPOQ64olqIccCRoQpD1Mew?e=E62Joi]] -XD制作 -TODOリスト更新 ▶︎[[エクセルシート>https://ksumail-my.sharepoint.com/:x:/g/personal/k21as014_st_kyusan-u_ac_jp/EY-yIWP_bNlInzpZl0fp7VEBOC4-6sCJPKJZ6cceCiHLsQ?e=CzOYfZ]] ~ ~ ~ ~ ~ **2024.07.26 - 2024.09.19 ***進捗 文章の書き出し 必要なイラストの見直し ▶︎[[エクセルシート>https://ksumail-my.sharepoint.com/:x:/g/personal/k21as014_st_kyusan-u_ac_jp/EY-yIWP_bNlInzpZl0fp7VEBOC4-6sCJPKJZ6cceCiHLsQ?e=6APQrX]] ~ ***2024.08.22 -サイトマップ #image(sitemap.png) -ワイヤフレーム #image(wireframe.png) -ネーミング --簡潔 Pup check! --犬と共に暮らす Pup in Life! with pup! --犬との暮らしに切り替える ~ ***2024.08.11 ***制作物の練り直し -[[メモ>倉員優実/卒研メモ]] ~ ~ ~ ~ ~ ~ **2024.07.19 ***最終プレゼン -サイトの構成を考えた方がいい 5W1Hを考える -鑑札の装着義務などが変わっているため、「迷子にならない」というところを重点的に、迷子にならない工夫や、対策をまとめたサイトにするのはどうか -まとめとコンセプトを書き直す ~ ~ ~ ~ ~ **2024.07.12 ***今週の取り組み -イラストラフの作成 -プロトタイプ制作 ~ ~ ~ ~ ~ **2024.07.05 ***今週の取り組み -インフォグラフィックの作成 -ワイヤフレームの作成 ~ ~ ~ ~ ~ **2024.06.28 ***中間発表準備 -__[[プレゼンページ>倉員優実/プレゼン用]]__の準備 ~ ~ ~ ~ ~ **2024.06.21 ***今週の取り組み -イラストの準備 -プロトタイプ作成 -__[[コンテンツ>https://ksumail-my.sharepoint.com/:x:/g/personal/k21as014_st_kyusan-u_ac_jp/EQKNPBdmZbdCjdhXXMxq4_8BOcjg12IcWu-62jP88LS2sQ?e=X1jSb7]]__の見直し ~ ~ ~ ~ ~ **2024.06.14 ~ ***コンテンツ 01サイトの説明・このサイトにおける犬札について 02犬札のメリット 03犬札の種類(4種に①②③④の番号付) 04それぞれの犬札の説明(①②③④順に札ごとの説明、特徴、貰い方をまとめる) 05犬札の付け方 📝[[記入シート>https://ksumail-my.sharepoint.com/:x:/g/personal/k21as014_st_kyusan-u_ac_jp/EQKNPBdmZbdCjdhXXMxq4_8BOcjg12IcWu-62jP88LS2sQ?e=v6LNgl]] ~ ~ ~ ~ ~ **2024.06.07 ~ ***制作物変更 飼い犬の所有者明示を促すウェブサイト ***ターゲット/コンセプト ターゲット：犬を飼っている人、犬を飼いたいと思っている人 20代〜40代 コンセプト：親しみやすい文章やイラストを使い、楽しく鑑札を知れるサイトにする。着けなかったらどうなるではなく、着けることでどんないいことがあるのかを重点的に伝える。 ~ ~ ~ ~ ~ **2024.05.31 ~ ***中間審査 メモ -通販はベースのリンクを貼る -社会的に犬鑑札への意識を高めてもらうサイトにするのはどうか -マイクロチップについて調べる -ブランドのイメージや大切にしているものがわかりやすいデザインに ~ ~ ~ ~ ~ **2023.05.24 ***中間審査準備 -中間審査準備 -試作 --ロゴ --サイトマップ --ワイヤフレーム 🔗__[[リンク>https://drive.google.com/drive/folders/1-pSDbiSco3fYLvpS5qUG33LBXlMp4m3q?usp=sharing]]__ - ~ ~ ~ ~ ~ **2023.05.17 ***制作物決定 -犬鑑札・注射済票装着に関するグッズブランドのブランディング -犬鑑札・注射済票装着義務を絡めたプロモーション動画の制作 ~ ***現状調査 ペットグッズ需要の高まり -ペットに関する支出の増加 ペットにかける費用も年々増加傾向にあり、消耗品以外も増減はあるが増加傾向にあることがわかる。 参考：__[[家庭動物白書2022/アニコム損害保険株式会社>https://www.anicom-page.com/hakusho/book/pdf/book_202212.pdf#page=11]]__ ~ -さまざまなブランドのペットグッズ展開 __[[gelato pique>https://gelatopique.com/catdog/default.aspx?argument=1yTOmn7m&dmai=a65bb56c6b07d5&said=3&ca=18452823533&gr=&cr=&kw=&nw=x&mt=&mid=gg&device=c&pl=&tg=&utm_source=google&utm_medium=cpc&utm_campaign=shopping&gad_source=1&gclid=Cj0KCQjwxqayBhDFARIsAANWRnRmRSqfaTeRMcTvD4DwlxwqxKZqYndVQwYX6HMaLE4E-oD9LqAsrJYaAmY2EALw_wcB]]__や__[[POLO RALPH LAUREN>https://www.ralphlauren.co.jp/category/G13/]]__などのアパレルブランド、さらには__[[square Enix>https://www.jp.square-enix.com/goods/pets/]]__などのゲームソフト販売会社がペットグッズを展開しており、機能性だけでなくファッションやインテリアとして楽しめるペットグッズの展開が進められている。 ~ -ペット用品の展開 防虫ウェア、冷感ウェアや防災グッズなどペットの健康や防災に気遣った商品が展開されている。 参考：__[[IDOG&ICAT>https://www.idog.jp/c/idog/15017-]]__ __[[Petio>https://www.petio.com/fs/pshop/c/bousai]]__ ~ 鑑札・注射済票の装着広告を出すだけでなく、鑑札関連のグッズを販売する新しいブランドとして提案することで、鑑札・注射済票を日常的に装着する手助けになるのではないかと考えた。 ~ ~ ~ ~ ~ **2023.05.10 ~ ***アンケート実施 犬のリード・ハーネスや衣服についての抵抗度調査と犬鑑札・注射済票についての意識調査の二つのセッションに分けてアンケートを行った。 -[[アンケートリンク>https://forms.gle/H3gLrcNJzgaumMui6]] -[[アンケート結果>https://docs.google.com/spreadsheets/d/1PTXJlFQLp6V0dqmYD1jC9KOfJr9s6ebTw0baNdoE328/edit?usp=sharing]] ~ ***犬鑑札/注射済票についての意識度調査 #image(session2_01.jpg,70%) #image(session2_04.jpg,70%) ▶︎着用義務を知っている人は全体の60%だったが、実際に装着していると答えたのは約20%と低い結果となった。 #image(session2_02.jpg,70%) ▶︎装着する必要があるかという問いには約60%の人が装着する必要がない/わからないと答えた #image(session2_03.jpg,70%) ▶︎実際に着用した際のメリットを知った上で装着させたいと回答しているのは90%と多い結果となった。 #image(session2_05.jpg,70%) ▶︎装着をしていない理由としては装着義務を知らない 装着の必要がない 首輪やハーネスへの抵抗が挙げられる。 ~ ~ ~ ~ ~ **2023.04.26 ***デザイン案 ▶︎[[Googleドライブのリンク>https://drive.google.com/drive/folders/11CoxnKUB5wWqcBBkIY1UqzA9Iaz1eYrU?usp=sharing]] →1枚目の案だと観葉植物専用である必要がなく、カレンダーも大きくなってしまうため、観葉植物の要素を追加してカレンダーの形自体を変更する必要がある ~ ***対応サイズ決め -3号〜4号の小型の観葉植物 -カレンダーサイズは観葉植物を邪魔しないA4サイズ ~ ~ ~ ~ ~ **2023.04.19 ***テーマ案の決定 管理カレンダー付き植物スタンド ~ ***現状調査 -[[観葉植物による癒し効果についてのアンケート>https://www.daiichi-engei.jp/wp/wp-content/uploads/2022/08/a1e8387f0fefc5938ee021568b1eafc2.pdf]] --全体の6割が癒し効果を実感したと回答している --全体の7割が観葉植物を迎えたいと考えている -[[観葉植物のデメリット>https://andplants.jp/blogs/magazine/plants-effect#chapter-5]] --管理が大変 --水やりが面倒 ~ ***先行事例 [[Pinterestのボード>https://pin.it/65DSESWRw]] ~ ***相談したこと -カレンダーにも植物要素を入れる -素材や作り方に工夫をしないとクオリティが悪くなるかも -実物を作らなくてもblenderで作って、360度見れるようにするのはどうか ~ ~ ~ ~ ~ **2023.04.12 ~ ***テーマ案メモ 🔗__[[リンク>倉員優実/卒研メモ]]__ ~ ***テーマ案 -''ペットの防災アプリ'' --UI/UXデザインとそのSNS広告を制作する -''観葉植物管理カレンダー'' --忘れがちな水やりをカレンダーで記録できる/カレンダー付きの観葉植物置き -混雑状況がわかるエレベーター --乗っている人の人数がわかる電子掲示板を作る -観葉植物の見た目をしたお香 --鉢に葉っぱ型のお香がさされていて、収穫して燃やす -カレンダー --食パン型のカレンダーで、毎月トッピングを変えることができる ~ ***キーワード -ペット防災 -UI/UXデザイン -3DCGを使用した動画広告 -キャラクターデザイン -キャラクターマーケティング -デジタルアート -ブランディング -パッケージデザイン -観葉植物 -保護犬/保護猫 -カレンダー -お香 -蝋燭/キャンドル ~ ~