#author("2025-12-08T09:39:23+09:00","default:member","member") #author("2025-12-08T09:43:20+09:00","default:member","member") *One Step メンズメイク仲間を増やすためのwebサイト #image(main2.jpg) //メインビジュアル、あるいはプロジェクトの最新の状態を視覚的に掲載 -''原 晴紀'' -'''Keywords：mens, make up, web, Notion''' -[[試作はこちら>https://preview.studio.site/live/6kq9B9yvap]] -[[OneStep>https://onestep2525.studio.site/]] //-__[[相互評価シート>https://www.example.com]]__ ← ここからコメントをお願いします。 ~ 前期はこちら→[[情報デザイン研究I>原晴紀/情報デザイン研究I]] ~ //***CONTENTS //#contents2_1 //~ **概要 ***これは何？ //&color(red){これは何か・・を簡潔に}; メンズメイクが気になっている男性に向けたまとめサイト ~ ***背景 //&color(red){プロジェクトの背景と目的}; 近年、男性もメイクをすることが増え、自分自身も大学一年生からメイクを始めて自分に自信を持つことができた。しかし、メンズメイクを気になってはいるが始め方が分からなかったり、人の目が気になる男性も多いと思う。 ~ ***目的 //&color(red){プロジェクトの背景と目的}; 自身のエピソードやドラッグストアで働いている経験、メイクの簡単なやり方、アイテムをまとめることでリアルな視点での発信をし、メンズメイクが気になっている男性が一歩踏み出せるようなきっかけづくりをする。 ~ ***コンセプト //&color(red){基本的な考え方、枠組み、視点など}; -身近な人に相談するかのような距離感 -一歩踏み出して、素敵な自分に出会う ~ ***成果物の仕様 //&color(red){&small(成果物の形式・サイズ・時間尺等);}; webサイト ~ //***メンバー //&color(red){共同プロジェクトの場合のみ｜メンバーと役割分担を明記}; ~ ***制作ツール //&color(red){使用するツール｜ハードウエア・ソフトウエア}; -Notion -Adobe Photoshop -Adobe Illustrator -STUDIO ~ ***プロジェクトの期間 //&color(red){プロジェクトの期間｜20XX.XX.XX - 20XX.XX.XX }; 2025.04.08 - 2026.01.07 通年 ~ ***まとめ //&color(red){プロジェクトが完結したら「まとめ」を記載して下さい。}; メンズメイクの魅力を伝えるためにはどうかをしっかりと考え、ブログなど日々の自分がメイクを楽しんでいる様子をしっかりと伝えられるようなサイト作りを心がけた。また自分自身の記録を続けたことで自身のメイクの変化やどんな時に何を使っているかなどの結果を得ることもできた。今後も更新を続け魅力あるサイト作りに力を入れていきたい。 ~ ~ **調査 ***現状調査 //&color(red){プロジェクトのテーマに関わる社会の現状と問題の洗い出し}; -[[第1回 メンズ美容定点調査>https://prtimes.jp/main/html/rd/p/000000091.000056551.html]] -[[メンズ美容を2年間学んだ僕が思う、メンズメイクのハードル>https://note.com/masakish_inc/n/n03d839992664]] -[[メンズメイクって気持ち悪い？300人超えの女性の生の声から男性の化粧に対する印象を分析>https://iyasheep.com/column/mens-make-disgusting/]] ~ -実際に男性がメイクをすることについてよく思わない女性よりも良いと思う女性の割合が高い。 -メンズメイクのやり方や始め方などは調べればたくさん出てくるが、化粧品メーカーのビジネスチックなものや美容関連のお仕事に携わっているような方のものが多い。 ~ -男性美容部員さんに聞いてわかったこと --ネットに出回っているメンズメイクのやり方は女性のメイクを参考にしているものが多い（メンズメイクはまだ未開拓なものである） --人の目が気になりメイクするのを躊躇う男性が多い ~ ***先行事例 //&color(red){プロジェクトのテーマに該当する先行事例の紹介、傾向分析など}; -[[【メンズメイク】初心者でもできるやり方＆おすすめアイテムをプロが伝授！>https://www.shiseido.co.jp/sw/beautyinfo/DB010075/]] -[[メンズメイクで清潔感を！初心者さんでも簡単にできる自然に見せるメイク方法「日中の皮脂テカ防止」「ひげカバー」「眉メイク 」を解説>https://webmember.kao-kirei.com/jp/kbbplaypark/recipe/playparkhenshubu-020/]] -[[COSMEHOLIC!～メイクとコスメ〜>https://ameblo.jp/love-marune/]] -[[BUBBLISM BLOG (バブリズム ブログ)>https://www.bubblism-blog.com/]] ~ ***技法・技術情報 //&color(red){プロジェクトの遂行に必要な技法・技術に関する調査}; -[[Notion使い方ガイド>https://www.notion.com/ja/help/guides]] -[[【万能アプリ】Notionとは？何がスゴイ？使い方や活用事例、料金などについてわかりやすく解説>https://schoo.jp/matome/article/1607]] -[[ノーコードツールSTUDIOの使い方を制作会社が徹底解説！>https://noroshi.design/blog/studio-how-to-use]] ~ ~ **プロジェクト管理 ***スケジュール //&color(red){計画的な遂行のために、進行管理表を作成してリンクして下さい。}; [[リンクはこちら>https://ksumail-my.sharepoint.com/:x:/g/personal/k23as022_st_kyusan-u_ac_jp/EZ4hGZf_JANGmBjA_AytjDMBOgezUxOtMpUbCkXACoooIg?e=hnoU9f]] ~ ***ToDo //&color(red){やるべきこと（タスク）を箇条書きにします。}; //&color(red){完了後は「%%取り消し線%%」あるいは「// コメントアウト」」}; %%-制作ツールの選定%% %%-サイトマップ作成%% %%-ワイヤーフレーム作成%% -試作 -素材集め・作成 %%-中間発表準備%% //***NotToDo //&color(red){やらないこと：何をするかではなく「何をしないか」を考える}; //&color(red){例：10人以上の会議には出ない。苦手なことは誰かに頼む・・}; ~ ~ #hr CENTER:''進捗記録'' //&color(red){最新の情報を一番上に記載して下さい（古い記事が下へ沈む）。}; #hr ~ ~ **2025.12.02 ***試作進捗 -サイト全体の調整 --CMS記事投稿（メイクブログ、商品レビュー） -メイク解説一件更新 -商品レビューの中身 9件 [[サイトはこちら>https://preview.studio.site/live/6kq9B9yvap]] [[Notionはこちら>https://blossom-lemongrass-4e7.notion.site/2c2f5494b6558028bbe2fc5334017b92?pvs=73]] [[概要集はこちら>https://ksumail-my.sharepoint.com/:b:/g/personal/k23as022_st_kyusan-u_ac_jp/IQA-O9Tw63ZsSZ1ObMeVWRG2AUmCU45MetSJWNgr8246-Qw?e=AqfWzg]] ~ **2025.11.24 ***試作進捗 -サイト全体の調整 --CMS記事まとめページの設定（メイクブログ、商品レビュー） -メイクブログの中身 最新まで更新完了 -商品レビューの中身 9件 [[サイトはこちら>https://preview.studio.site/live/6kq9B9yvap]] [[Notionはこちら>https://www.notion.so/215f5494b65580609fe6e849ec3651f4]] [[概要集はこちら>https://ksumail-my.sharepoint.com/:b:/g/personal/k23as022_st_kyusan-u_ac_jp/IQA-O9Tw63ZsSZ1ObMeVWRG2AUmCU45MetSJWNgr8246-Qw?e=AqfWzg]] ~ **2025.11.17 ***試作進捗 -ページ作成 --CMS記事の設定（メイクブログ、商品レビュー） -メイクブログの中身 12件 [[サイトはこちら>https://preview.studio.site/live/6kq9B9yvap]] [[Notionはこちら>https://www.notion.so/215f5494b65580609fe6e849ec3651f4]] ~ **2025.10.27 ***試作進捗 -レスポンシブ設定 -メイクブログの中身 7件 [[サイトはこちら>https://preview.studio.site/live/6kq9B9yvap]] [[Notionはこちら>https://www.notion.so/215f5494b65580609fe6e849ec3651f4]] ~ **2025.10.20 ***メイクブログの中身 -今日の目的 -主なアイテム -感想・学び #image(onestep_blog.jpg) ~ ***試作進捗 -レスポンシブ設定 -ダミーCMS記事の設定(商品レビュー) [[サイトはこちら>https://preview.studio.site/live/6kq9B9yvap]] ~ メイク解説は固定ページで制作した方が良いかもしれない ~ **2025.10.13 ***試作進捗 -レスポンシブ設定 -ダミーCMS記事の設定（メイクブログ） [[サイトはこちら>https://preview.studio.site/live/6kq9B9yvap]] ~ **2025.10.06 ***ワイヤーフレーム #image(onestep_wireframe_修正.png) ~ ***試作 [[サイトはこちら>https://preview.studio.site/live/6kq9B9yvap]] ~ ***コンテンツについて -ブログ 10個以上 -解説 3個 -レビュー ４個以上 ~ **2025.09.29 ***ワイヤーフレーム #image(onestep_wireframe.png) ~ ***アイデア -商品レビューが増やしにくいので、アフィリエイト広告のようなものが出るようにする →STUDIOで広告を出すことが難しそう -アルバイト先の美容部員さんと何かする（例：フルメイクしてもらう） ~ ***技法 -[[ノーコードツールSTUDIOの使い方を制作会社が徹底解説！>https://noroshi.design/blog/studio-how-to-use]] -[[副業Webデザイナー必須ノーコードツールSTUDIOの基本使い方徹底解説>https://youtu.be/aNrkoJoxr1U?si=hroLGgcLq9PW1OWB]] ~ **2025.09.22 ***参考サイト -[[COSMEHOLIC!～メイクとコスメ〜>https://ameblo.jp/love-marune/]] -[[BUBBLISM BLOG (バブリズム ブログ)>https://www.bubblism-blog.com/]] ~ ***制作ツール STUDIO -CMS機能を用いてコンテンツをうまくまとめることに注力する -テンプレートを参考にデザイン構築する ~ ***サイトマップ #image(onestep_sitemap.png) ~ **2025.09.15 ***webサイト制作ツール選定 -WordPress（情報をまとめることに集中できる） [[【初心者向け】WordPressの使い方マニュアル！もう難しいなんて言わせない>https://www.conoha.jp/lets-wp/how-to-use-wp/]] -Visual Studio Code（サイト構築を学びながら制作ができる） [[VSCode(VisualStudioCode)の定番機能を一挙解説>https://qiita.com/midiambear/items/bc0e137ed77153cb421c]] -ノーコードツール Studioなど（直感的な操作で制作ができる） [[ノーコードツールSTUDIOの使い方を制作会社が徹底解説！>https://noroshi.design/blog/studio-how-to-use]] ~ 今後もコンテンツを増やし継続していけるものが良い //***XXXXXXX //-◯◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯◯◯ //-◯◯◯◯◯、◯◯◯◯◯◯◯◯◯◯◯ ~ ~ ~