女の子の日には
男性が閲覧する生理に関するサイト
- Nakao Hikari
- Keywords:Web/WordPress/Illustration
- http://nhi20.wp.xdomain.jp/
アンケートを実施しています。ご協力よろしくお願いします。
Overview
Introduction / What is This
若い男性に「生理」を伝えるサイト。
Background and Purpose
最近では生理に関することが表に出てくることが多く、男性にも目に触れる機会が増えたように思える。もっと生理に対しての理解を深める為の、後押しになるようなサイトを制作。
Concept
「生理を理解すれば女性にモテる(かも)」
男性にも閲覧してもらう入口として、女性にモテる手段の一つとして紹介。その中に生理の知識も書き加え、より理解を深める。
文章だけでなく、アニメーションを取り入れ、読んでいて飽きないサイト。
Tools
- illustrator
- Inkscape
- WardPress
Term
プロジェクトの期間|2021.04.09 -
Survey
Present Status
生理に関する男性の意識調査
この記事では、ライフステージにもよるが約半分以上の男性が生理を理解していることが分かる。しかし、まだ足りないように思う。
益若つばさ、“避妊リング”の装着を報告
益若つばさ、“避妊リング”装着から約4カ月 理解へ手応えも一部から“心ないコメント
youtubeでyoutuberさんや女性タレントさんが生理に関する情報を発信しているのを多く見受けられる。
上記の記事は、避妊リングを生理目的に使用した内容。
批判する声も上がっているが、男性からの称賛するコメントもあり、生理への理解が高くなっているように思える。
「あからさまにする勇気が必要かな」ぺこ&りゅうちぇる夫妻が明かした"生理・性教育”に対する“本音”
また女性だけでなく、男性タレントも生理を発信している。
妻のぺこさんより、旦那であるりゅうちぇるさんの方が詳しい場面も有り。
このような発信から、男性の理解が更に深まっていくのではないかと考える。
Precedent
- 男性は生理をどれほど理解しているか調査を実施し、その結果をまとめているサイト。
生理に関する男性の意識調査
【男性必読】理解して欲しい生理の辛さと心理-生理用品のソフィ - 女性の実際の声をもとに、生理時にどのような対応をしてほしいかまとめているサイト。
生理の時にこういう対応してくれる男性はモテる!
生理のとき、ここに気を遣ってくれる男性はモテます【女子の本音】
→文字数が多く、読みずらいサイトが多かった。
gifサイト
PATRA
tramworks
一つのアニメーションに必要最低限の文章を添えている。
→読んでいて飽きない、リピートしてアニメーションをじっと見てしまう
Technique / Technology
サイトを作る際の参考記事
【総まとめ】WordPress(ワードプレス)ホームページ作り方 - WEBST8のブログ
Lightning - 無料で使える超高機能WordPressテーマ
Project Management
Schedule
Output
- webサイト
http://nhi20.wp.xdomain.jp/
ToDo
- サイトの制作
- gifの制作
Conclusion / Summary
作業の効率が悪く、十分なアンケートデータが取れなかったが、「イラストのおかげでイメージがしやすい」「同じ女性でも自分と違う体験を知れるので、大変良かった」という意見をもらった。
一方男性の意見から、「女性ばかりの記事が多く、男性の立場が無い」という意見をもらい、このことから男性目線で生理を考え、男性の意見も含めた記事を書くべきだと考える。
今後は閲覧した方に感想を聞き、それらの意見を含めサイトの改善をしていきたい。
2021.12.16
サイト制作
- 「女性のホンネ」記事の増量
- 記事の校閲
gif動画
- 追加のgif作成
2021.12.09
サイト制作
- 記事の追加
生理用品についてのページ - 記事の校閲
参考サイト
大阪府立学校での生理用品配布を継続へ
「生理の貧困」支援広がる、学校や商業施設が無償提供
“生理の貧困”に対応 野辺地町で生理用品などを無料配布
ソフトカップ|月経カップ
タンポンNavi
2021.12.02
サイト制作
- メニューの編集
- 記事の校閲、追加
- 余分なところの排除
- フォントの色変更
gif動画
- 全ページに挿絵を埋める
- 細かな修正
2021.11.25
サイト制作
- フォント変更
- 記事の記入
gif動画
- 投稿ページに挿絵の挿入
プレゼンページ、概要修正
2021.11.18
サイト制作
- 記事の追加
プレゼン準備、ページ作成
2021.11.11
サイト制作
- タイトル変更
- 記事の追加
GIF制作
- イラストの修正
2021.11.04
サイト制作
- 文字のサイズ、色変更
- 記事の行間変更
- 「最後に」の記事を「生理中にモテる対応」の最後に移動
参考サイト
Twenty Twenty-One 2, タイトル文字の大きさ調整
WordPress (ワードプレス)で文字色をカスタマイズする方法
WordPressの文字色を変える4つの方法【HTMLとCSSで文字装飾】
2021.10.28
サイト制作
- aboutや投稿ページを追加
- 背景を明るく修正
- テーマ変更
→投稿ページの文字が見えにくい。Twenty Twenty(現テーマ)かTwenty Twenty-Oneで迷っている。
GIF制作
2021.10.21
サイト制作
- 文章追加
- 背景変更
宇宙を背景に
gif制作
- gifのバックを透過
2021.10.14
Precedentの書き込み
サイト制作
- 文章の追加
- フォントの大きさ、色変更
参考デザイン
gif制作
https://drive.google.com/drive/folders/1m2gvl_6JVaqiaMvILlBCrAThDygZ4keW?usp=sharing
2021.10.07
Present StatusとPrecedentの書き込み
サイトマップ
サイト制作
イラスト制作
2021.09.30
サイト制作
- 右にできていた空白を消去
参考サイト
レイアウトの設定- Lightning - 記事の追加
gif制作
イラストのみ作成
↑ホーム画面
2021.09.23
サイト制作
gifをトップ画面に挿入
gif動画
- 参考資料
https://web-kanji.com/posts/cool-website
https://web-kanji.com/posts/interesting-homepage
gifを使ったサイト↓
https://liginc.co.jp/web/tool/other-tool/70516
https://beginners-high.com/gif-movie/
夏休み期間
内容変更、見直し
タイトル案
- 生理ってなに?
- 生理を味方に
- よろしく生理
- 月一の戦い
- 月に一度、彼女は宇宙人になる
- 宇宙人(彼女)との接し方
ビジュアル案
- 生理用品の擬人化
- 宇宙人の彼女
https://drive.google.com/drive/folders/1aI1WOLNvdkBcXv2qLLAln54yJGKb6x2z?usp=sharing
サイト制作
- 背景を暗くし、シックなデザインに。
- 参考資料
【2021年版】目的別WordPressおすすめ無料テーマ6選
Lightning(ライトニング)の使い方【VK All in one Expansion Unitも解説】
前期
卒業研究Ⅰ