岩本愛結/情報デザイン研究I をテンプレートにして作成

開始行:
*めんや☆まんぷく 架空ラーメン店のwebサイト制作 #image(mv5.jpg) 🍥🍥🍥 -''いわもと あゆ'' -'''Keywords：web, html, css, kawaii ''' //-https://www.example.com ~ **概要 ***これは何？ //&color(red){これは何か・・を簡潔に}; 「かわいい」をコンセプトとした架空のラーメン屋さんのWEBサ... ~ ***背景と目的 //&color(red){プロジェクトの背景と目的}; 近年、日本発の「かわいい（Kawaii）」文化は、ファッション... 一方、ラーメン業界においては、長らく「職人気質」「無骨」... このような社会的背景の中、「かわいい」という視点をラーメ... また、そうした新しいコンセプトをより効果的に伝える上で、W... したがって、本プロジェクトでは、「かわいい」を軸とした架... ~ ***コンセプト //&color(red){基本的な考え方、枠組み、視点など}; -ゆるかわポップで少しダークなラーメン屋さん -「かわいい」と親和性の高い若年層や女性層、SNSユーザーな... -ビジュアル的要素と使いやすさの両立を目指す。 -従来のラーメン店が持つ“無骨”“男性的”といったイメージから... -「かわいさ」を感じる要素を隅々に取り入れ、すべてのビジュ... -Webサイトでは、店舗の情報だけでなく、「かわいい世界観」... ~ ~ ***成果物の仕様 //&color(red){&small(成果物の形式・サイズ・時間尺等);}; -webサイト |#image(map2.jpg)|#image(frame1.jpg)| ~ ***メニュー案 |#image(menu1.jpg)|#image(menu2.jpg)| ~ ***メインビジュアル/ロゴ |#image(mv4.jpg)|#image(mv5.jpg)|#image(mlogo.jpg)| ~ //***メンバー //&color(red){共同プロジェクトの場合のみ｜メンバーと役割... //~ ***制作ツール //&color(red){使用するツール｜ハードウエア・ソフトウエア}; -Apple MacBook Pro -MacOS Ver.14.4.1 -Visual Studio Cord：HTML + CSSのコーディング -Adobe Illustrator：グラフィック要素のデザイン ~ ***プロジェクトの期間 //&color(red){プロジェクトの期間｜20XX.XX.XX - 20XX.XX.XX... 2025.04.08-2025.07.15 ~ ***まとめ //&color(red){プロジェクトが完結したら「まとめ」を記載し... -まとめ --WEBサイトの基盤となるお店の世界観を明確にするため、コン... //実際にお店の設定を考えることが想像以上に難しく、予定よ... ~ //今後の流れ //夏季休業...html,cssの勉強/グラフィック要素の完成 //後期...webサイト制作 ~ ~ **調査 ***現状調査 //&color(red){プロジェクトのテーマに関わる社会の現状と問... -消費者の行動とSNSの関係について --[[今、話題の”SNSがもたらす消費者の購買行動への影響”をイ... --[[インスタ映えに若者が超熱中する社会的背景>https://toyo... --[[SNSマーケティングが重要な理由とは？>https://www.sedes... ~ -ラーメン店の市場に関する情報 --[[ラーメン屋のM&Aの現状と動向>https://mastory.jp/%E3%83... --[[ラーメン屋の倒産動向>https://www.tdb.co.jp/report/ind... --[[ユーザー層の変化>https://j-net21.smrj.go.jp/startup/r... (ラーメン店の利用者は、15年前の75%から85.3%に増加しており... ~ -現代社会における「かわいい」の意義・位置付け --[[日本の事例から探る「Kawaii（かわいい）」文化がもたら... --[[流行とKawaiiが集まる観光スポット・竹下通りの楽しみ方>... --[[Kawaii文化とは？初心者向けガイド – 日本の可愛い現象の... ~ -調査まとめ --SNSと消費行動の関係→ SNSが若者の購買意欲に大きな影響を... --ラーメン業界の市場変化→ ユーザー層が15年前より増加し、... --Kawaii文化の役割と効果→ かわいい要素は共感や拡散を生み... ~ ~ ***先行事例 //&color(red){プロジェクトのテーマに該当する先行事例の紹... 〈かわいいコンセプト/ラーメン屋に関する現状の事例〉 -[[ラーメン女子博>http://www.ramengirls-fes.com/]] -[[KAWAII MONSTER CAFE>https://isuta.jp/598257]] -[[KAWAII MONSTER CAFE>https://asobisystem.com/brand/kawa... -[[シナモロールカフェ>https://www.sanrio.co.jp/news/spots... -[[ラーメン店>https://menya-bibiri.net/]] -[[ラーメン店>https://hopeken-honpo.jp/]] -[[ラーメン店>https://shishimaru.agni-inc.com/]] -[[Twinkle>https://www.instagram.com/p/DIyfA9Iv_MY/?utm_s... 〈参考サイト〉 -[[SANKOU!>https://sankoudesign.com/]] -[[WebDesignClip>https://webdesignclip.com/category/eat-d... -[[IO3000>https://io3000.com/]] -[[Awwwards>https://www.awwwards.com/websites/Japan/#goog... -https://shichi-hachi.theday-inc.jp/ -https://tennomeshi.com/ -https://shishimaru.agni-inc.com/ -https://www.romapri.com/ -https://www.babyssb.co.jp/ ~ ***技法・技術情報 //&color(red){プロジェクトの遂行に必要な技法・技術に関す... --[[HTML/CSSとは？初心者向けにHTMLとCSSの基本>https://www... --[[購入した本>https://www.sbcr.jp/product/4815618469/]] --[[ユーザーが感じる見づらいホームページ>https://webtan.i... ~ ~ **プロジェクト管理 ***スケジュール //&color(red){計画的な遂行のために、進行管理表を作成して... -[[ガントチャート🗓️>https://ksumail-my.sharepoint.com/:x:... ~ ***ToDo //&color(red){やるべきこと（タスク）を箇条書きにします。}; //&color(red){完了後は「%%取り消し線%%」あるいは「// コメ... 🔽前期 -%%ガントチャート%% -%%コンセプト設定%% -%%現状調査・先行事例%% -%%サイトマップ%% -%%メインビジュアル%% -%%メニュー案%% -%%ロゴ%% //-メニューグラフィック //-キャラクター紹介グラフィック //-ワイヤーフレーム（モバイル・pc） //🔽後期 //-サイト プロトタイプ //-（店内イメージ） //-CM？ //***NotToDo //&color(red){やらないこと：何をするかではなく「何をしな... //&color(red){例：10人以上の会議には出ない。苦手なことは... ~ ~ #hr CENTER:''進捗記録'' //&color(red){最新の情報を一番上に記載して下さい（古い記... #hr ~ ~ **2025.07.15 ***学科サイト整理 -[[ガントチャート🗓️>https://ksumail-my.sharepoint.com/:x:... ~ -メニュー裏付け設定 //[[参考画像>https://ksumail-my.sharepoint.com/:f:/g/pers... 〈めんたんらーめん〉 濃厚な鶏白湯×豆乳のクリーミースープに隠し味の白味噌が甘み... ホイップしたクリームチーズはビーツパウダーで淡いピンク色... スープに浮かぶめんたん型チーズボールは、外側をもちもちし... 温かいスープに浸すと、外側は程よく柔らかくなりながらも形... 愛らしい見た目と、濃厚な味わい、もちもちとろける食感の三... ~ ***めも📝 -[[KAWAII MONSTER CAFE>https://isuta.jp/598257]] -[[KAWAII MONSTER CAFE>https://asobisystem.com/brand/kawa... -[[シナモロールカフェ>https://www.sanrio.co.jp/news/spots... -[[Twinkle>https://www.instagram.com/p/DIyfA9Iv_MY/?utm_s... ~ ~ **2025.07.08 ***お店の概要整理 🍥店名: めんや⭐︎まんぷく -名前の由来と意図 --めんや☆まんぷく という名前は、「親しみやすさ」「ゆるさ... ~ 🍥コンセプト：ゆるかわポップ × ほんのりダーク 「ポップ⭐️🩷🌀💤」と「ダーク🖤💀🧪」をゆるくまとめた「kawaii」 「ゆるい」「かわいい」「ポップ」は、現代のKawaii文化にお... ◾️ゆるかわ（Yurukawa） 「グルーミー」や「うさまる」のような脱力系の可愛さ 癒し・緩さ・微笑ましさ・あいまいさ キャラやメニューに漂う、不完全で愛される雰囲気 ◾️ポップ（Pop） メニュー名や装飾に多用される記号（☆・Z・†・♪）によって、... ひと目で引っかかるインパクトのある名前 視覚的に楽しめるアイキャッチ要素（ネオン・パステル・奇抜... ◾️ダーク（Darkness） 黒がベースの配色／少し影のある演出（目がうるうる、骸骨な... キャラクターや店舗に込められた、さびしさ・裏がある感じ ~ -カラー：黒/ミルキーホワイト/ピンク/パープル/ブルー -タイポ：ゆるゴシック＋手描き風／記号記述（例：†☆Z） -モチーフ：うさぎ／なると／星・雲・ハート／骸骨・包帯など - ネーミングの方針：インパクトを持たせる・語感を意識 --めんたん⭐︎らーめん --ほねほねとん骨らーめん --めんたんの涙（泣）らーめん --超⭐︎地獄の坦々はるまき --麺⭐︎イン⭐︎ザ⭐︎ナイト --もちゅ⭐︎もちゅ⭐︎ぎょうざ --バニラ⭐︎バケツジュース（大） --とろ〜り⭐︎満月焼ましゅまろ --✝️さよならメレンゲパフェ✝️ --ナゾのたべもの（たぶんぎょうざ） --ぐるぐるぐるぐる目がまわるらー麺 --〈即死〉甘いだけじゃなかった！ロール --めるてぃ♩ぴんくべりーそーだ --ねむたいぶどうじゅーすzZ -- ほわいとみるきーぱにっく！！ ~ 🍥想定ターゲット -Z世代〜20代前半の若年層🔽 --SNSを中心に情報収集・行動決定を行う --「映える」「かわいい」「クセがある」といった視覚的イン... --ファッション、推し活、K-POP、アニメ・キャラ文化などに親... --「#めんたんらーめん」ハッシュタグ展開にも乗りやすい - かわいい文化／Y2K／地雷系・サブカル系が好きな層🔽 --食べ物の「味」よりも、「自分の世界に合っているか」を気... --「かわいい＋ちょっとダーク」という組み合わせに強い親和性 --フォトブース的な店舗空間やキャラクターを“自己演出の舞台... --「不思議」「毒っ気がある」「脱力感がある」一般的ではな... ~ 🍥メインキャラクター：めんたん うさぎ型の人型キャラクターで、店員として働いている。 片耳が折れており、目はうるうる、口は「ω」、そして片耳とほ... ~ 🍥所在地：みんなの夢の中にある「まんぷく街」 現実では存在しないが、眠っているときだけ入ることができる... ◾️アクセス方法：眠ってから5分ほどで「まんぷく街」に到着。 ◾️目印： うさぎの街灯が光っている 空にナルト模様の雲が浮かんでいる 屋根の煙突からは湯気が「Zzz...」と吹き出している ~ 🍥Webサイトとの連動性 マスコット「めんたん」がナビゲーター的に登場 ローディング時に「湯気」や「ぐるぐるなると」などの演出 「入店する」ボタンをクリック＝夢に入る設定／画面がフェー... ~ ***期末報告めも📝 -根拠のあるアイデア（味の裏付け） -型にはまらない自由度と現実的なところのライン -お店の名前とか、他にはない案を再検討 -店内イメージ/CMとか -通年でのガントチャート ~ ~ **2025.07.01 ***メインビジュアル |#image(mv4.jpg)|#image(mv5.jpg)| ※ブラッシュアップ予定 ~ ***メニュー |#image(menu1.jpg)|#image(menu2.jpg)| ***[[メニューアイデア案📝>https://ksumail-my.sharepoint.co... -こんな感じでメニューのグラフィックをつくる -各メニューに★か🍥でまんぷく度を表現？ -ラーメン3つ/ドリンク3つ/サイド2つ/セットメニュー2つ の予定 ~ ***めも📝 -説明口調は× 視覚的にわかる表現 ~ ~ **2025.06.24 ***[[キャラクターアイデア案📝>https://ksumail-my.sharepoin... ~ ***シンボルマーク予定図 |#image(sym0.jpg)|#image(05.jpg)| -メインビジュアルになる予定 ~ ~ **2025.06.17 ***ロゴ #image(mlogo.jpg) -#FFCDFF （R:255 G:205 B:255） -[[試作>https://ksumail-my.sharepoint.com/:i:/g/personal/... ~ ~ **2025.06.10 ***ロゴ案 #image(logo0.png) ~ ***設定 -店員...うさぎのめんたん -使用カラー..白ピンク -場所..みんなの夢の中 -アクセス方法：おやすみになってから、5分ほどで「まんぷく... -目印：うさぎの街灯が光っている -「入店する」ボタンをクリック＝夢に入る設定／画面がフェー... ~ ***参考記事 -[[Twinkle>https://www.instagram.com/p/DIyfA9Iv_MY/?utm_s... ~ ~ **2025.06.03 ***[[アイデアスケッチ📝>https://ksumail-my.sharepoint.com/... ~ ***店名 -めんや⭐︎腹ぱん　めんや⭐︎はらぱん -*めんや⭐︎満腹　めんや⭐︎まんぷく ⬅️決定 -めんや⭐︎わんぱん -めんや⭐︎一撃 -めんや⭐︎啜れ -めんや⭐︎ズズズ -めんたんらー麺 -*麺ぷく　MENPUKU -超満腹 ~ ~ **2025.05.27 ***サイトマップ変更 #image(map2.jpg) ~ -アイデアスケッチ（メニュー/ロゴ/キャラクター） ~ ~ **2025.05.20 ***中間報告 -世界観(看板/ロゴ/店名/メニュー/店員/店内)をしっかり固め... -ラーメン店のサイトだとわかるようなメインビジュアルに -メニュー・商品のイメージ（AI?） -WEBサイトのデザイン➡️自由度の高い配置を検証 -先行事例の結果はどうだったのか？([[ラーメン女子博>http:/... ~ ~ **2025.05.13 ***中間報告準備 ***&color(red){プレゼンテーションモード！！！}; -学科サイトの概要整理 ・背景 ※自分自身の話は最小限に ・目的 ・コンセプト ・研究成果：調査（現状調査・先行事例・技術など） ・研究成果：試作（サイトマップ・プロトタイプなど） ・まとめ（これまでの成果の振り返り・今後について） ~ ***メインビジュアル（仮） #image(naruto.jpg) ~ ***めも📝 ハート型のナルト（ラーメン×かわいいの象徴） 箸で持ち上げられたパステル色のラーメン Webサイトで「かわいいラーメン占い」みたいな遊び心のあるコ... サイトにフォトギャラリーを入れてもいいかも ラーメンを真上から見たビジュアル＋商品名＋ミニ説明 ホバーでぐつぐつアニメーションや湯気エフェクト トッピングを自分でカスタマイズ ハッシュタグ ~ ***参考記事 -[[日本の事例から探る「Kawaii（かわいい）」文化がもたらす... --キャラクターを使ったマーケティングには、「認知度の向上... -日本のKawaiiの種類 Kawaiiには様々なスタイルがあり、それぞれに独自のルックや... 人気のあるKawaiiスタイルの例↓ ギャルKawaii：大胆でグラマラスなスタイルで、大きな目やカ... 夢Kawaii：いわゆる「ドリーミー・キュート」で、パステルカ... ゴシックKawaii：暗めのファッションと可愛い要素を組み合わ... キモKawaii：「キモかわいい」とも呼ばれ、不気味さや奇妙な... これらは一部のスタイルに過ぎない。Kawaiiは誰にでも合うス... Kawaiiキャラクター Kawaii文化の有名な要素の一つが可愛いキャラクター。 以下は人気のあるキャラクターの例↓ ハローキティ：最初の有名なKawaiiキャラクターの一つで、そ... ピカチュウ：このポケモンキャラクターは、黄色い顔と親しみ... リラックマ：リラックスしたクマのキャラクターで、リラック... ぐでたま：この「やる気のないタマゴ」は、かわいくて少し疲... これらのキャラクターは子供向けだけでなく、すべての年齢層... ~ ***やること -かわいいビジュアル要素のイメージ資料 -zoom準備 ~ ~ **2025.05.06 ***[[PC版ワイヤーフレーム（仮）>https://ksumail-my.sharep... #image(frame1.jpg) ~ -Webサイトのおおまかな形を制作 --HTML + CSS の学習 ~ -学科サイトの概要整理・発表準備 ~ ~ **2025.04.29 -Webサイトのおおまかな形を制作 --HTML + CSS の学習 --ワイヤーフレーム -調査 ~ ***参考記事 -https://www.romapri.com/ -https://www.babyssb.co.jp/ ~ ~ **2025.04.22 ***同時進行 -Webサイトのおおまかな形を制作 --サイトマップ・ワイヤーフレーム --HTML + CSS の学習 ---[[購入した本>https://www.sbcr.jp/product/4815618469/]] -メニュー内容/お店の具体的な内容をつめる ~ ***[[サイトマップ（仮）>https://ksumail-my.sharepoint.com... #image(sitemap1.jpg) ~ ***参考記事 -[[SANKOU!>https://sankoudesign.com/]] -[[WebDesignClip>https://webdesignclip.com/category/eat-d... -[[IO3000>https://io3000.com/]] -[[Awwwards>https://www.awwwards.com/websites/Japan/#goog... -https://shichi-hachi.theday-inc.jp/ -https://tennomeshi.com/ -https://shishimaru.agni-inc.com/ ~ ~ **2025.04.15 ***[[ガントチャート🗓️>https://ksumail-my.sharepoint.com/:... ~ ***テーマ案 -''架空かわいいがテーマのラーメン屋さん''（カフェ風？） -架空のカフェのブランディング --架空のカフェ×かわいい×魔法×海 --架空のカフェ×かわいい×魔法×ダーク --架空のカフェ×かわいい×魔法×夢 --架空のカフェ×かわいい×魔法×ゴス --架空のカフェ×かわいい×魔法× --架空のカフェ×kawaii×魔法×非日常×ダーク ~ ***参考記事 -https://harajuku-pop.com/79497/ -https://asobisystem.com/brand/kawaiimonstercafe/ ~ ~ **2025.04.08 ***テーマ案1 -ビジュアルデザインと機能性の両立 --架空のカフェのリアルなwebサイト制作➡️世界観と機能性の両... --コンセプトやメニューなど、実際に存在しているかのように... ---ビジュアル重視のデザインで視認性が落ちる場面は？どう解... ~ ***テーマ案2 -商品魅力の視覚的伝達 --商品を視覚情報で表現“味”と“香り”をどうデザインする？視... ---甘い・すっぱい・辛い・硬い・柔らかい/柑橘系・フローラ... ---どんな要素が相手にどんな印象を与えるか ---① 視覚表現の分析 食品（例：チョコレート、フルーツ、ドリンク）や香水のパッ... 各デザインが「甘さ」「爽やかさ」「濃厚さ」「フレッシュさ... ② ユーザー印象調査 収集したデザインを見せて、「どんな味・香りだと思うか？」... 実際の味・香りの情報と、ユーザーが視覚だけで想像した印象... ③ デザイン制作と実験 架空の商品（お菓子、香水など）を設定し、見た目だけで魅力... 複数パターンを作成し、どれがより的確に味・香りを連想させ... ---人はどれくらい視覚だけで「味や香り」を感じ取れるのか？ デザインによる「味や香りの誤認」はどこまで許容されるのか？ ブランドが与えたいイメージと、ユーザーの受け取る印象のギ... ---香りや味覚ごとの色・形・質感の対応関係をまとめたグラフ... ~ ***テーマ案3 -国や文化によって異なる「可愛い」の傾向を分析・比較 --グローバルデザインにおいて、文化ごとの可愛さはどう活用... --それぞれの文化に合わせたwebサイトのUIを架空でデザイン ---「かわいさの構造図」や「視覚的な特徴のレーダーチャート... 色彩傾向（彩度・明度） 形の特徴（丸み／シャープさ） 顔の比率（目の大きさ・顔のバランス） 装飾の有無、フォントの雰囲気 デザインの余白感、密度感 ---同じ架空の~を、日本風／韓国風／フランス風など国別で制... 各国ごとの“可愛い”を紹介し、それを元にした架空のお菓子パ... 同じ機能（例：カフェ予約サイト）を、国別“可愛さ”表現でパ... 同じキャラクターを日本風、韓国風、フランス風でビジュアル... ~ ~ ~

終了行:
*めんや☆まんぷく 架空ラーメン店のwebサイト制作 #image(mv5.jpg) 🍥🍥🍥 -''いわもと あゆ'' -'''Keywords：web, html, css, kawaii ''' //-https://www.example.com ~ **概要 ***これは何？ //&color(red){これは何か・・を簡潔に}; 「かわいい」をコンセプトとした架空のラーメン屋さんのWEBサ... ~ ***背景と目的 //&color(red){プロジェクトの背景と目的}; 近年、日本発の「かわいい（Kawaii）」文化は、ファッション... 一方、ラーメン業界においては、長らく「職人気質」「無骨」... このような社会的背景の中、「かわいい」という視点をラーメ... また、そうした新しいコンセプトをより効果的に伝える上で、W... したがって、本プロジェクトでは、「かわいい」を軸とした架... ~ ***コンセプト //&color(red){基本的な考え方、枠組み、視点など}; -ゆるかわポップで少しダークなラーメン屋さん -「かわいい」と親和性の高い若年層や女性層、SNSユーザーな... -ビジュアル的要素と使いやすさの両立を目指す。 -従来のラーメン店が持つ“無骨”“男性的”といったイメージから... -「かわいさ」を感じる要素を隅々に取り入れ、すべてのビジュ... -Webサイトでは、店舗の情報だけでなく、「かわいい世界観」... ~ ~ ***成果物の仕様 //&color(red){&small(成果物の形式・サイズ・時間尺等);}; -webサイト |#image(map2.jpg)|#image(frame1.jpg)| ~ ***メニュー案 |#image(menu1.jpg)|#image(menu2.jpg)| ~ ***メインビジュアル/ロゴ |#image(mv4.jpg)|#image(mv5.jpg)|#image(mlogo.jpg)| ~ //***メンバー //&color(red){共同プロジェクトの場合のみ｜メンバーと役割... //~ ***制作ツール //&color(red){使用するツール｜ハードウエア・ソフトウエア}; -Apple MacBook Pro -MacOS Ver.14.4.1 -Visual Studio Cord：HTML + CSSのコーディング -Adobe Illustrator：グラフィック要素のデザイン ~ ***プロジェクトの期間 //&color(red){プロジェクトの期間｜20XX.XX.XX - 20XX.XX.XX... 2025.04.08-2025.07.15 ~ ***まとめ //&color(red){プロジェクトが完結したら「まとめ」を記載し... -まとめ --WEBサイトの基盤となるお店の世界観を明確にするため、コン... //実際にお店の設定を考えることが想像以上に難しく、予定よ... ~ //今後の流れ //夏季休業...html,cssの勉強/グラフィック要素の完成 //後期...webサイト制作 ~ ~ **調査 ***現状調査 //&color(red){プロジェクトのテーマに関わる社会の現状と問... -消費者の行動とSNSの関係について --[[今、話題の”SNSがもたらす消費者の購買行動への影響”をイ... --[[インスタ映えに若者が超熱中する社会的背景>https://toyo... --[[SNSマーケティングが重要な理由とは？>https://www.sedes... ~ -ラーメン店の市場に関する情報 --[[ラーメン屋のM&Aの現状と動向>https://mastory.jp/%E3%83... --[[ラーメン屋の倒産動向>https://www.tdb.co.jp/report/ind... --[[ユーザー層の変化>https://j-net21.smrj.go.jp/startup/r... (ラーメン店の利用者は、15年前の75%から85.3%に増加しており... ~ -現代社会における「かわいい」の意義・位置付け --[[日本の事例から探る「Kawaii（かわいい）」文化がもたら... --[[流行とKawaiiが集まる観光スポット・竹下通りの楽しみ方>... --[[Kawaii文化とは？初心者向けガイド – 日本の可愛い現象の... ~ -調査まとめ --SNSと消費行動の関係→ SNSが若者の購買意欲に大きな影響を... --ラーメン業界の市場変化→ ユーザー層が15年前より増加し、... --Kawaii文化の役割と効果→ かわいい要素は共感や拡散を生み... ~ ~ ***先行事例 //&color(red){プロジェクトのテーマに該当する先行事例の紹... 〈かわいいコンセプト/ラーメン屋に関する現状の事例〉 -[[ラーメン女子博>http://www.ramengirls-fes.com/]] -[[KAWAII MONSTER CAFE>https://isuta.jp/598257]] -[[KAWAII MONSTER CAFE>https://asobisystem.com/brand/kawa... -[[シナモロールカフェ>https://www.sanrio.co.jp/news/spots... -[[ラーメン店>https://menya-bibiri.net/]] -[[ラーメン店>https://hopeken-honpo.jp/]] -[[ラーメン店>https://shishimaru.agni-inc.com/]] -[[Twinkle>https://www.instagram.com/p/DIyfA9Iv_MY/?utm_s... 〈参考サイト〉 -[[SANKOU!>https://sankoudesign.com/]] -[[WebDesignClip>https://webdesignclip.com/category/eat-d... -[[IO3000>https://io3000.com/]] -[[Awwwards>https://www.awwwards.com/websites/Japan/#goog... -https://shichi-hachi.theday-inc.jp/ -https://tennomeshi.com/ -https://shishimaru.agni-inc.com/ -https://www.romapri.com/ -https://www.babyssb.co.jp/ ~ ***技法・技術情報 //&color(red){プロジェクトの遂行に必要な技法・技術に関す... --[[HTML/CSSとは？初心者向けにHTMLとCSSの基本>https://www... --[[購入した本>https://www.sbcr.jp/product/4815618469/]] --[[ユーザーが感じる見づらいホームページ>https://webtan.i... ~ ~ **プロジェクト管理 ***スケジュール //&color(red){計画的な遂行のために、進行管理表を作成して... -[[ガントチャート🗓️>https://ksumail-my.sharepoint.com/:x:... ~ ***ToDo //&color(red){やるべきこと（タスク）を箇条書きにします。}; //&color(red){完了後は「%%取り消し線%%」あるいは「// コメ... 🔽前期 -%%ガントチャート%% -%%コンセプト設定%% -%%現状調査・先行事例%% -%%サイトマップ%% -%%メインビジュアル%% -%%メニュー案%% -%%ロゴ%% //-メニューグラフィック //-キャラクター紹介グラフィック //-ワイヤーフレーム（モバイル・pc） //🔽後期 //-サイト プロトタイプ //-（店内イメージ） //-CM？ //***NotToDo //&color(red){やらないこと：何をするかではなく「何をしな... //&color(red){例：10人以上の会議には出ない。苦手なことは... ~ ~ #hr CENTER:''進捗記録'' //&color(red){最新の情報を一番上に記載して下さい（古い記... #hr ~ ~ **2025.07.15 ***学科サイト整理 -[[ガントチャート🗓️>https://ksumail-my.sharepoint.com/:x:... ~ -メニュー裏付け設定 //[[参考画像>https://ksumail-my.sharepoint.com/:f:/g/pers... 〈めんたんらーめん〉 濃厚な鶏白湯×豆乳のクリーミースープに隠し味の白味噌が甘み... ホイップしたクリームチーズはビーツパウダーで淡いピンク色... スープに浮かぶめんたん型チーズボールは、外側をもちもちし... 温かいスープに浸すと、外側は程よく柔らかくなりながらも形... 愛らしい見た目と、濃厚な味わい、もちもちとろける食感の三... ~ ***めも📝 -[[KAWAII MONSTER CAFE>https://isuta.jp/598257]] -[[KAWAII MONSTER CAFE>https://asobisystem.com/brand/kawa... -[[シナモロールカフェ>https://www.sanrio.co.jp/news/spots... -[[Twinkle>https://www.instagram.com/p/DIyfA9Iv_MY/?utm_s... ~ ~ **2025.07.08 ***お店の概要整理 🍥店名: めんや⭐︎まんぷく -名前の由来と意図 --めんや☆まんぷく という名前は、「親しみやすさ」「ゆるさ... ~ 🍥コンセプト：ゆるかわポップ × ほんのりダーク 「ポップ⭐️🩷🌀💤」と「ダーク🖤💀🧪」をゆるくまとめた「kawaii」 「ゆるい」「かわいい」「ポップ」は、現代のKawaii文化にお... ◾️ゆるかわ（Yurukawa） 「グルーミー」や「うさまる」のような脱力系の可愛さ 癒し・緩さ・微笑ましさ・あいまいさ キャラやメニューに漂う、不完全で愛される雰囲気 ◾️ポップ（Pop） メニュー名や装飾に多用される記号（☆・Z・†・♪）によって、... ひと目で引っかかるインパクトのある名前 視覚的に楽しめるアイキャッチ要素（ネオン・パステル・奇抜... ◾️ダーク（Darkness） 黒がベースの配色／少し影のある演出（目がうるうる、骸骨な... キャラクターや店舗に込められた、さびしさ・裏がある感じ ~ -カラー：黒/ミルキーホワイト/ピンク/パープル/ブルー -タイポ：ゆるゴシック＋手描き風／記号記述（例：†☆Z） -モチーフ：うさぎ／なると／星・雲・ハート／骸骨・包帯など - ネーミングの方針：インパクトを持たせる・語感を意識 --めんたん⭐︎らーめん --ほねほねとん骨らーめん --めんたんの涙（泣）らーめん --超⭐︎地獄の坦々はるまき --麺⭐︎イン⭐︎ザ⭐︎ナイト --もちゅ⭐︎もちゅ⭐︎ぎょうざ --バニラ⭐︎バケツジュース（大） --とろ〜り⭐︎満月焼ましゅまろ --✝️さよならメレンゲパフェ✝️ --ナゾのたべもの（たぶんぎょうざ） --ぐるぐるぐるぐる目がまわるらー麺 --〈即死〉甘いだけじゃなかった！ロール --めるてぃ♩ぴんくべりーそーだ --ねむたいぶどうじゅーすzZ -- ほわいとみるきーぱにっく！！ ~ 🍥想定ターゲット -Z世代〜20代前半の若年層🔽 --SNSを中心に情報収集・行動決定を行う --「映える」「かわいい」「クセがある」といった視覚的イン... --ファッション、推し活、K-POP、アニメ・キャラ文化などに親... --「#めんたんらーめん」ハッシュタグ展開にも乗りやすい - かわいい文化／Y2K／地雷系・サブカル系が好きな層🔽 --食べ物の「味」よりも、「自分の世界に合っているか」を気... --「かわいい＋ちょっとダーク」という組み合わせに強い親和性 --フォトブース的な店舗空間やキャラクターを“自己演出の舞台... --「不思議」「毒っ気がある」「脱力感がある」一般的ではな... ~ 🍥メインキャラクター：めんたん うさぎ型の人型キャラクターで、店員として働いている。 片耳が折れており、目はうるうる、口は「ω」、そして片耳とほ... ~ 🍥所在地：みんなの夢の中にある「まんぷく街」 現実では存在しないが、眠っているときだけ入ることができる... ◾️アクセス方法：眠ってから5分ほどで「まんぷく街」に到着。 ◾️目印： うさぎの街灯が光っている 空にナルト模様の雲が浮かんでいる 屋根の煙突からは湯気が「Zzz...」と吹き出している ~ 🍥Webサイトとの連動性 マスコット「めんたん」がナビゲーター的に登場 ローディング時に「湯気」や「ぐるぐるなると」などの演出 「入店する」ボタンをクリック＝夢に入る設定／画面がフェー... ~ ***期末報告めも📝 -根拠のあるアイデア（味の裏付け） -型にはまらない自由度と現実的なところのライン -お店の名前とか、他にはない案を再検討 -店内イメージ/CMとか -通年でのガントチャート ~ ~ **2025.07.01 ***メインビジュアル |#image(mv4.jpg)|#image(mv5.jpg)| ※ブラッシュアップ予定 ~ ***メニュー |#image(menu1.jpg)|#image(menu2.jpg)| ***[[メニューアイデア案📝>https://ksumail-my.sharepoint.co... -こんな感じでメニューのグラフィックをつくる -各メニューに★か🍥でまんぷく度を表現？ -ラーメン3つ/ドリンク3つ/サイド2つ/セットメニュー2つ の予定 ~ ***めも📝 -説明口調は× 視覚的にわかる表現 ~ ~ **2025.06.24 ***[[キャラクターアイデア案📝>https://ksumail-my.sharepoin... ~ ***シンボルマーク予定図 |#image(sym0.jpg)|#image(05.jpg)| -メインビジュアルになる予定 ~ ~ **2025.06.17 ***ロゴ #image(mlogo.jpg) -#FFCDFF （R:255 G:205 B:255） -[[試作>https://ksumail-my.sharepoint.com/:i:/g/personal/... ~ ~ **2025.06.10 ***ロゴ案 #image(logo0.png) ~ ***設定 -店員...うさぎのめんたん -使用カラー..白ピンク -場所..みんなの夢の中 -アクセス方法：おやすみになってから、5分ほどで「まんぷく... -目印：うさぎの街灯が光っている -「入店する」ボタンをクリック＝夢に入る設定／画面がフェー... ~ ***参考記事 -[[Twinkle>https://www.instagram.com/p/DIyfA9Iv_MY/?utm_s... ~ ~ **2025.06.03 ***[[アイデアスケッチ📝>https://ksumail-my.sharepoint.com/... ~ ***店名 -めんや⭐︎腹ぱん　めんや⭐︎はらぱん -*めんや⭐︎満腹　めんや⭐︎まんぷく ⬅️決定 -めんや⭐︎わんぱん -めんや⭐︎一撃 -めんや⭐︎啜れ -めんや⭐︎ズズズ -めんたんらー麺 -*麺ぷく　MENPUKU -超満腹 ~ ~ **2025.05.27 ***サイトマップ変更 #image(map2.jpg) ~ -アイデアスケッチ（メニュー/ロゴ/キャラクター） ~ ~ **2025.05.20 ***中間報告 -世界観(看板/ロゴ/店名/メニュー/店員/店内)をしっかり固め... -ラーメン店のサイトだとわかるようなメインビジュアルに -メニュー・商品のイメージ（AI?） -WEBサイトのデザイン➡️自由度の高い配置を検証 -先行事例の結果はどうだったのか？([[ラーメン女子博>http:/... ~ ~ **2025.05.13 ***中間報告準備 ***&color(red){プレゼンテーションモード！！！}; -学科サイトの概要整理 ・背景 ※自分自身の話は最小限に ・目的 ・コンセプト ・研究成果：調査（現状調査・先行事例・技術など） ・研究成果：試作（サイトマップ・プロトタイプなど） ・まとめ（これまでの成果の振り返り・今後について） ~ ***メインビジュアル（仮） #image(naruto.jpg) ~ ***めも📝 ハート型のナルト（ラーメン×かわいいの象徴） 箸で持ち上げられたパステル色のラーメン Webサイトで「かわいいラーメン占い」みたいな遊び心のあるコ... サイトにフォトギャラリーを入れてもいいかも ラーメンを真上から見たビジュアル＋商品名＋ミニ説明 ホバーでぐつぐつアニメーションや湯気エフェクト トッピングを自分でカスタマイズ ハッシュタグ ~ ***参考記事 -[[日本の事例から探る「Kawaii（かわいい）」文化がもたらす... --キャラクターを使ったマーケティングには、「認知度の向上... -日本のKawaiiの種類 Kawaiiには様々なスタイルがあり、それぞれに独自のルックや... 人気のあるKawaiiスタイルの例↓ ギャルKawaii：大胆でグラマラスなスタイルで、大きな目やカ... 夢Kawaii：いわゆる「ドリーミー・キュート」で、パステルカ... ゴシックKawaii：暗めのファッションと可愛い要素を組み合わ... キモKawaii：「キモかわいい」とも呼ばれ、不気味さや奇妙な... これらは一部のスタイルに過ぎない。Kawaiiは誰にでも合うス... Kawaiiキャラクター Kawaii文化の有名な要素の一つが可愛いキャラクター。 以下は人気のあるキャラクターの例↓ ハローキティ：最初の有名なKawaiiキャラクターの一つで、そ... ピカチュウ：このポケモンキャラクターは、黄色い顔と親しみ... リラックマ：リラックスしたクマのキャラクターで、リラック... ぐでたま：この「やる気のないタマゴ」は、かわいくて少し疲... これらのキャラクターは子供向けだけでなく、すべての年齢層... ~ ***やること -かわいいビジュアル要素のイメージ資料 -zoom準備 ~ ~ **2025.05.06 ***[[PC版ワイヤーフレーム（仮）>https://ksumail-my.sharep... #image(frame1.jpg) ~ -Webサイトのおおまかな形を制作 --HTML + CSS の学習 ~ -学科サイトの概要整理・発表準備 ~ ~ **2025.04.29 -Webサイトのおおまかな形を制作 --HTML + CSS の学習 --ワイヤーフレーム -調査 ~ ***参考記事 -https://www.romapri.com/ -https://www.babyssb.co.jp/ ~ ~ **2025.04.22 ***同時進行 -Webサイトのおおまかな形を制作 --サイトマップ・ワイヤーフレーム --HTML + CSS の学習 ---[[購入した本>https://www.sbcr.jp/product/4815618469/]] -メニュー内容/お店の具体的な内容をつめる ~ ***[[サイトマップ（仮）>https://ksumail-my.sharepoint.com... #image(sitemap1.jpg) ~ ***参考記事 -[[SANKOU!>https://sankoudesign.com/]] -[[WebDesignClip>https://webdesignclip.com/category/eat-d... -[[IO3000>https://io3000.com/]] -[[Awwwards>https://www.awwwards.com/websites/Japan/#goog... -https://shichi-hachi.theday-inc.jp/ -https://tennomeshi.com/ -https://shishimaru.agni-inc.com/ ~ ~ **2025.04.15 ***[[ガントチャート🗓️>https://ksumail-my.sharepoint.com/:... ~ ***テーマ案 -''架空かわいいがテーマのラーメン屋さん''（カフェ風？） -架空のカフェのブランディング --架空のカフェ×かわいい×魔法×海 --架空のカフェ×かわいい×魔法×ダーク --架空のカフェ×かわいい×魔法×夢 --架空のカフェ×かわいい×魔法×ゴス --架空のカフェ×かわいい×魔法× --架空のカフェ×kawaii×魔法×非日常×ダーク ~ ***参考記事 -https://harajuku-pop.com/79497/ -https://asobisystem.com/brand/kawaiimonstercafe/ ~ ~ **2025.04.08 ***テーマ案1 -ビジュアルデザインと機能性の両立 --架空のカフェのリアルなwebサイト制作➡️世界観と機能性の両... --コンセプトやメニューなど、実際に存在しているかのように... ---ビジュアル重視のデザインで視認性が落ちる場面は？どう解... ~ ***テーマ案2 -商品魅力の視覚的伝達 --商品を視覚情報で表現“味”と“香り”をどうデザインする？視... ---甘い・すっぱい・辛い・硬い・柔らかい/柑橘系・フローラ... ---どんな要素が相手にどんな印象を与えるか ---① 視覚表現の分析 食品（例：チョコレート、フルーツ、ドリンク）や香水のパッ... 各デザインが「甘さ」「爽やかさ」「濃厚さ」「フレッシュさ... ② ユーザー印象調査 収集したデザインを見せて、「どんな味・香りだと思うか？」... 実際の味・香りの情報と、ユーザーが視覚だけで想像した印象... ③ デザイン制作と実験 架空の商品（お菓子、香水など）を設定し、見た目だけで魅力... 複数パターンを作成し、どれがより的確に味・香りを連想させ... ---人はどれくらい視覚だけで「味や香り」を感じ取れるのか？ デザインによる「味や香りの誤認」はどこまで許容されるのか？ ブランドが与えたいイメージと、ユーザーの受け取る印象のギ... ---香りや味覚ごとの色・形・質感の対応関係をまとめたグラフ... ~ ***テーマ案3 -国や文化によって異なる「可愛い」の傾向を分析・比較 --グローバルデザインにおいて、文化ごとの可愛さはどう活用... --それぞれの文化に合わせたwebサイトのUIを架空でデザイン ---「かわいさの構造図」や「視覚的な特徴のレーダーチャート... 色彩傾向（彩度・明度） 形の特徴（丸み／シャープさ） 顔の比率（目の大きさ・顔のバランス） 装飾の有無、フォントの雰囲気 デザインの余白感、密度感 ---同じ架空の~を、日本風／韓国風／フランス風など国別で制... 各国ごとの“可愛い”を紹介し、それを元にした架空のお菓子パ... 同じ機能（例：カフェ予約サイト）を、国別“可愛さ”表現でパ... 同じキャラクターを日本風、韓国風、フランス風でビジュアル... ~ ~ ~

ページ名: