松崎菜々実/情報デザイン研究I をテンプレートにして作成

開始行:
*‘Mel-t’架空コスメ商品ページ 想像上を現実に表現・・・・・・・・・・・・・・・・ #image(malt.jpg) -''松崎 菜々実'' -'''Keywords：化粧品, コンセプト, 想像, 視覚化''' -https://koma-cos25.github.io/MEL-T/ //-__[[相互評価シート>https://www.example.com]]__ ← ここ... ~ //***CONTENTS //#contents2_1 //~ **概要 ***これは何？ 空想化粧品の商品webページ ~ ***背景と目的 -頭の中で作ったものを実際に表現した作品という先行事例 -想像を具現化したらどうなるかという検証結果 -表現することのハードルを下げるとともに、その楽しさも感じ... ~ ***コンセプト -化粧品とサイトのデザインの組み合わせによって視覚的にも刺... -現在のメイクする上で解決しきれていない問題や悩みを解決す... ~ ***成果物の仕様 [[webページ>https://koma-cos25.github.io/MEL-T/]] ([[企画書>https://ksumail-my.sharepoint.com/:b:/g/persona... ~ ***制作ツール サイト・Visual Studio Code,HTML,CSS 化粧品・Blender,CLIP STUDIO PAINT ~ ***プロジェクトの期間 プロジェクトの期間｜2026.04.09 -2026.12.23 ~ ***まとめ //&color(red){プロジェクトが完結したら「まとめ」を記載し... -化粧品のコンセプトと企画に右往左往しすぎて作業着手が遅く... -中間報告において、設定が足りてなかったと感じる -後期も引き続きにはなるが、スケジュールの計画からちゃんと... ~ ~ **調査 ***現状調査 //&color(red){プロジェクトのテーマに関わる社会の現状と問... ・化粧での悩みについて [[知恵袋>https://detail.chiebukuro.yahoo.co.jp/qa/questio... [[note>https://note.com/tamu_fsmd/n/n725a8e963e32]] ~ ***先行事例 [[カネボウ化粧品>https://www.kanebo-cosmetics.co.jp/]] [[資生堂>https://www.shiseido.co.jp/?srsltid=AfmBOooGkRaH... [[イヴ・サンローラン・ボーテ>https://www.yslb.jp/?srsltid... [[MIRIMU公式サイト>https://mirimu-official.com]] ~ ***技法・技術情報 //&color(red){プロジェクトの遂行に必要な技法・技術に関す... ~ ~ **プロジェクト管理 ***スケジュール //&color(red){計画的な遂行のために、進行管理表を作成して... ~ ***ToDo -%%ピンタレストでデザイン参考資料集め%% -%%ワイヤーフレーム、サイトマップ制作%% -％％コスメの設定、コンセプト決定％％ -化粧品のビジュアル決定、cg作成 -web制作 //***NotToDo 作業を先延ばしにしない ~ ~ #hr CENTER:''進捗記録'' //&color(red){最新の情報を一番上に記載して下さい（古い記... #hr ~ ~ **2026.06.25 -作品概要着手 ***商品企画書制作 [[onedrive>https://ksumail-my.sharepoint.com/:b:/g/person... ~ ~ **2026.06.18 -作品概要着手 ***商品企画書制作 #image(sagyo.jpg) ~ ~ **2026.06.11 -作品概要着手 -企画案決定、誰でも自由に使いやすい、パーソナルカラーセッ... -パーソナルカラーコスメブランドの[[先行事例調査>https://m... ~ ~ **2026.06.04 -商品企画練り直し、解決したい問題とそこからの案だし ***感じている問題 -消耗品なのに値段が高く、財布がきつい -パーソナルカラーがわからない -色選びが難しい -チーク、リップなど、部分部分の色同士の相性が悪く、チグハ... -種類が多く手数が多いため、時間がかかってしまう ***案だし -容器をリサイクルメインの素材を使ったお手頃コスメ -容器の形やデザインを捨てたお手頃コスメ -パーソナルカラー診断がネットショップと同じところに設置し... -相性がいい色でセット売りしてあるコスメ -相性がいい色の範囲で、ある程度自分の好きな色を選べるセッ... -下地プラスファンデなど、一個にいくつかの機能がある化粧品... ~ ~ **2026.05.21 ***HTML制作 [[ページ>https://koma-cos25.github.io/LUMINE/]] -項目ごとにページに飛べるように仮ページ追加 -画像は[[Lorem picsum>https://picsum.photos/?utm_source=c... ~ ~ **2026.05.14 ***頂いたフィードバックから -目的の訂正 ***HTML制作 -メインページの基本の形を形成 #image(mainpage1.jpg) ~ ~ **2026.05.07 ***化粧品の詳細決定 -コンセプト・近未来、シルバー系、爽やか -モチーフ・四芒星、りぼん、軌道線　等 -ブランド名・LUMIO -仮のイメージ画像をAIで生成 ***アイデア出しとデザイン [[onedrive>https://ksumail-my.sharepoint.com/:f:/g/person... -このコンセプトのビジュアル画像を収集 -[[ピンタレスト>https://pin.it/6FOfaPOGl]] ~ ~ **2026.04.30 ***ワイヤーフレーム、サイトマップ制作 #image(makeflame.png) #image(makemapre.png) ***タイトル等の記載 -確認と本決定をしながら記入 -学科サイト更新 ~ ~ **2026.04.23 ***お題決定！ -架空の化粧品ブランドのウェブサイト、空想のものを形にする... ***狙い -web制作の知識をより詳細に習得したい -自分自身の発想力、デザイン力、表現力をみたい -できれば、化粧品の画像を3dcgを勉強して表現できるようにし... - ***手順設定 -コスメの設定、コンセプト決定 -ピンタレストでデザイン参考資料集め -ワイヤーフレーム、サイトマップ制作 -化粧品のビジュアル決定、cgで作成、またはイラストかAI -web制作 -発表 ***早速、コスメのデザイン、コンセプト案、キーワード -メイクのモチベ上昇 -コンプレックス解消 -女児心をくすぐる -プリキュア、セーラームーンぽいデザイン -ジェンダーレスに則った、シンプルかつスタイリッシュなデザ... -落ち着く、視覚的刺激が少ないデザイン -暖色、寒色、テーマカラーの設定 -心も強くする、ロックなデザイン -寒色、さっぱり、すっきり、爽快、整理整頓 -暖色、癒し、感情の上昇、エネルギッシュ -心に別世界を作る、排他的なデザイン ***ピンタレストボード -[[リンク>https://pin.it/6b9xj6q9N]] ~ ~ **2026.04.16 ***三案の発表方法の確認と吟味 -イベント、円形ギャラリーや、どこか場所を借りて行う -一人では厳しい。毎日の当番や運び込みなど。 -地元で場所を借りる場合、ターゲット層の限定や、集客が難し... -vlogや動画、動画のため、一方的な情報提供になりやすい。 -そもそも設定している内容が、対象者がかなり限られている -web、経験があるため、手を出しやすい。 ***課題の決め方を再思考 -一番学びたいと思っていること。 -より、興味を持って取り組める内容 ~ ~ **2026.04.09 ***調査 -メイク講座(イベント方式) -メイク動画、私のすっぴんを犠牲にできるかどうか！ -気になる部位だけ見れるWEB形式のメイク紹介ページ -コンプレックスに向き合う化粧品開発 -コンプレックスに関して、原因解明と解消を手伝うページ、本 -メイク体験、イベント方式 -肌質別おすすめ化粧品　クオリティ、値段比較 -作業捗る、癒されるWebサイト -コスプレイベント、撮影当日の動きや準備段階のvlog コスプ... -絵文字を全部見てみよう！ジャンルごとにわけ、可愛くて色鮮... ***三案の絞り込み -架空の化粧品開発webサイト -メイク動画（私のすっぴんを犠牲にできるかどうか）又は、イ... -コスプレイベント、撮影当日の動きや準備段階のvlog　敷居を... ~ ~ ~

終了行:
*‘Mel-t’架空コスメ商品ページ 想像上を現実に表現・・・・・・・・・・・・・・・・ #image(malt.jpg) -''松崎 菜々実'' -'''Keywords：化粧品, コンセプト, 想像, 視覚化''' -https://koma-cos25.github.io/MEL-T/ //-__[[相互評価シート>https://www.example.com]]__ ← ここ... ~ //***CONTENTS //#contents2_1 //~ **概要 ***これは何？ 空想化粧品の商品webページ ~ ***背景と目的 -頭の中で作ったものを実際に表現した作品という先行事例 -想像を具現化したらどうなるかという検証結果 -表現することのハードルを下げるとともに、その楽しさも感じ... ~ ***コンセプト -化粧品とサイトのデザインの組み合わせによって視覚的にも刺... -現在のメイクする上で解決しきれていない問題や悩みを解決す... ~ ***成果物の仕様 [[webページ>https://koma-cos25.github.io/MEL-T/]] ([[企画書>https://ksumail-my.sharepoint.com/:b:/g/persona... ~ ***制作ツール サイト・Visual Studio Code,HTML,CSS 化粧品・Blender,CLIP STUDIO PAINT ~ ***プロジェクトの期間 プロジェクトの期間｜2026.04.09 -2026.12.23 ~ ***まとめ //&color(red){プロジェクトが完結したら「まとめ」を記載し... -化粧品のコンセプトと企画に右往左往しすぎて作業着手が遅く... -中間報告において、設定が足りてなかったと感じる -後期も引き続きにはなるが、スケジュールの計画からちゃんと... ~ ~ **調査 ***現状調査 //&color(red){プロジェクトのテーマに関わる社会の現状と問... ・化粧での悩みについて [[知恵袋>https://detail.chiebukuro.yahoo.co.jp/qa/questio... [[note>https://note.com/tamu_fsmd/n/n725a8e963e32]] ~ ***先行事例 [[カネボウ化粧品>https://www.kanebo-cosmetics.co.jp/]] [[資生堂>https://www.shiseido.co.jp/?srsltid=AfmBOooGkRaH... [[イヴ・サンローラン・ボーテ>https://www.yslb.jp/?srsltid... [[MIRIMU公式サイト>https://mirimu-official.com]] ~ ***技法・技術情報 //&color(red){プロジェクトの遂行に必要な技法・技術に関す... ~ ~ **プロジェクト管理 ***スケジュール //&color(red){計画的な遂行のために、進行管理表を作成して... ~ ***ToDo -%%ピンタレストでデザイン参考資料集め%% -%%ワイヤーフレーム、サイトマップ制作%% -％％コスメの設定、コンセプト決定％％ -化粧品のビジュアル決定、cg作成 -web制作 //***NotToDo 作業を先延ばしにしない ~ ~ #hr CENTER:''進捗記録'' //&color(red){最新の情報を一番上に記載して下さい（古い記... #hr ~ ~ **2026.06.25 -作品概要着手 ***商品企画書制作 [[onedrive>https://ksumail-my.sharepoint.com/:b:/g/person... ~ ~ **2026.06.18 -作品概要着手 ***商品企画書制作 #image(sagyo.jpg) ~ ~ **2026.06.11 -作品概要着手 -企画案決定、誰でも自由に使いやすい、パーソナルカラーセッ... -パーソナルカラーコスメブランドの[[先行事例調査>https://m... ~ ~ **2026.06.04 -商品企画練り直し、解決したい問題とそこからの案だし ***感じている問題 -消耗品なのに値段が高く、財布がきつい -パーソナルカラーがわからない -色選びが難しい -チーク、リップなど、部分部分の色同士の相性が悪く、チグハ... -種類が多く手数が多いため、時間がかかってしまう ***案だし -容器をリサイクルメインの素材を使ったお手頃コスメ -容器の形やデザインを捨てたお手頃コスメ -パーソナルカラー診断がネットショップと同じところに設置し... -相性がいい色でセット売りしてあるコスメ -相性がいい色の範囲で、ある程度自分の好きな色を選べるセッ... -下地プラスファンデなど、一個にいくつかの機能がある化粧品... ~ ~ **2026.05.21 ***HTML制作 [[ページ>https://koma-cos25.github.io/LUMINE/]] -項目ごとにページに飛べるように仮ページ追加 -画像は[[Lorem picsum>https://picsum.photos/?utm_source=c... ~ ~ **2026.05.14 ***頂いたフィードバックから -目的の訂正 ***HTML制作 -メインページの基本の形を形成 #image(mainpage1.jpg) ~ ~ **2026.05.07 ***化粧品の詳細決定 -コンセプト・近未来、シルバー系、爽やか -モチーフ・四芒星、りぼん、軌道線　等 -ブランド名・LUMIO -仮のイメージ画像をAIで生成 ***アイデア出しとデザイン [[onedrive>https://ksumail-my.sharepoint.com/:f:/g/person... -このコンセプトのビジュアル画像を収集 -[[ピンタレスト>https://pin.it/6FOfaPOGl]] ~ ~ **2026.04.30 ***ワイヤーフレーム、サイトマップ制作 #image(makeflame.png) #image(makemapre.png) ***タイトル等の記載 -確認と本決定をしながら記入 -学科サイト更新 ~ ~ **2026.04.23 ***お題決定！ -架空の化粧品ブランドのウェブサイト、空想のものを形にする... ***狙い -web制作の知識をより詳細に習得したい -自分自身の発想力、デザイン力、表現力をみたい -できれば、化粧品の画像を3dcgを勉強して表現できるようにし... - ***手順設定 -コスメの設定、コンセプト決定 -ピンタレストでデザイン参考資料集め -ワイヤーフレーム、サイトマップ制作 -化粧品のビジュアル決定、cgで作成、またはイラストかAI -web制作 -発表 ***早速、コスメのデザイン、コンセプト案、キーワード -メイクのモチベ上昇 -コンプレックス解消 -女児心をくすぐる -プリキュア、セーラームーンぽいデザイン -ジェンダーレスに則った、シンプルかつスタイリッシュなデザ... -落ち着く、視覚的刺激が少ないデザイン -暖色、寒色、テーマカラーの設定 -心も強くする、ロックなデザイン -寒色、さっぱり、すっきり、爽快、整理整頓 -暖色、癒し、感情の上昇、エネルギッシュ -心に別世界を作る、排他的なデザイン ***ピンタレストボード -[[リンク>https://pin.it/6b9xj6q9N]] ~ ~ **2026.04.16 ***三案の発表方法の確認と吟味 -イベント、円形ギャラリーや、どこか場所を借りて行う -一人では厳しい。毎日の当番や運び込みなど。 -地元で場所を借りる場合、ターゲット層の限定や、集客が難し... -vlogや動画、動画のため、一方的な情報提供になりやすい。 -そもそも設定している内容が、対象者がかなり限られている -web、経験があるため、手を出しやすい。 ***課題の決め方を再思考 -一番学びたいと思っていること。 -より、興味を持って取り組める内容 ~ ~ **2026.04.09 ***調査 -メイク講座(イベント方式) -メイク動画、私のすっぴんを犠牲にできるかどうか！ -気になる部位だけ見れるWEB形式のメイク紹介ページ -コンプレックスに向き合う化粧品開発 -コンプレックスに関して、原因解明と解消を手伝うページ、本 -メイク体験、イベント方式 -肌質別おすすめ化粧品　クオリティ、値段比較 -作業捗る、癒されるWebサイト -コスプレイベント、撮影当日の動きや準備段階のvlog コスプ... -絵文字を全部見てみよう！ジャンルごとにわけ、可愛くて色鮮... ***三案の絞り込み -架空の化粧品開発webサイト -メイク動画（私のすっぴんを犠牲にできるかどうか）又は、イ... -コスプレイベント、撮影当日の動きや準備段階のvlog　敷居を... ~ ~ ~

ページ名: