• 履歴一覧
• 差分 を表示
• 現在との差分 を表示
• ソース を表示
• 竹松莉羽/情報デザイン研究I へ行く。
  • 1 (2025-04-07 (月) 18:36:04)
  • 2 (2025-04-07 (月) 18:36:04)
  • 3 (2025-04-07 (月) 18:36:04)
  • 4 (2025-04-07 (月) 18:36:04)
  • 5 (2025-04-07 (月) 18:36:04)
  • 6 (2025-04-07 (月) 18:36:04)
  • 7 (2025-04-07 (月) 18:36:04)
  • 8 (2025-04-07 (月) 18:36:04)
  • 9 (2025-05-20 (火) 01:01:12)
  • 10 (2025-05-20 (火) 01:26:58)
  • 11 (2025-05-20 (火) 01:26:58)
  • 12 (2025-05-20 (火) 01:26:58)
  • 13 (2025-06-09 (月) 17:03:44)
  • 14 (2025-06-09 (月) 17:03:44)
  • 15 (2025-06-10 (火) 01:54:45)
  • 16 (2025-06-10 (火) 01:54:45)
  • 17 (2025-06-10 (火) 01:54:45)
  • 18 (2025-06-15 (日) 23:09:20)
  • 19 (2025-06-16 (月) 12:15:21)
  • 20 (2025-06-16 (月) 19:32:06)
  • 21 (2025-06-16 (月) 21:24:07)
  • 22 (2025-06-23 (月) 18:26:26)
  • 23 (2025-06-23 (月) 18:30:52)
  • 24 (2025-06-24 (火) 15:10:07)
  • 25 (2025-06-24 (火) 15:10:07)
  • 26 (2025-07-29 (火) 02:28:53)
  • 27 (2025-07-29 (火) 02:28:53)

---

全てがステキなものに

包装＋便箋についてのブランディングソーシャルメディア制作

#image(): File not found: "main.jpg" at page "竹松莉羽/情報デザイン研究I"

• Takematsu Riu
• Keywords：サイト, 包装デザイン, 通販について,

概要

これは何？

包装＋便箋についてのブランディングソーシャルメディア制作

背景と目的

包装の現状として既製品では満たせない、オリジナルの物足りなさが背景にある
そこで、包装・ラッピング好きが求める"他と違う"を形にするため、既製品では満たせないオリジナリティへの想いを背景として包装に特化したブランディングとソーシャルメディアを制作していく
便箋の

コンセプト

分別しやすくリサイクルしやすいように包装全体を同じ素材で作成して異素材を組み合わせないことで廃棄時の混乱を減らす
プレゼントの贈り主も受け取り主も"開けたくなるパッケージ"や"撮りたくなるデザイン"として、ブランドと顧客のつながりを深める

成果物の仕様

• Webサイト
  
  
• サイトマップ
  
  
  
  包装ページについては
  事例提案・ブランディング方法なので実際に販売はしない
  
  
• ワイヤーフレーム
  
  
  パソコンの場合
  Home・About・Contactを左側に表示
  トップはブランド名を表示・最後はロゴマークを表示
  
  
  
  
  スマートフォンの場合
  Home・About・Contactをハンバーガー形式で表示
  トップはロゴマークを表示・最後はブランド名を表示
  
  

• Pinterest
  参考：包装デザインについて
  
  

制作ツール

Visual Studio Cord：HTML + CSSのコーディング
Adobe Illustrator：ビジュアルデザイン

プロジェクトの期間

プロジェクトの期間｜2025.04.08 - 後期終了まで

まとめ

中間のまとめ

調査

現状調査

環境負荷の低減やリサイクル、省資源化といった社会的な要請に対応する動きが強まっている
プラスチックの代替として、紙や植物由来の素材を使った包装への移行が進んでいる

先行事例

• ラッピングペーパー・薄葉紙
• プリントパック
• 包装について
• 包む
• ヘッズ
  
  

技法・技術情報

1冊ですべて身につくHTML & CSSとWebデザイン入門講座［第2版］
Visual Studio Cord：HTML + CSSのコーディング
Adobe Illustrator：ビジュアルデザイン

プロジェクト管理

スケジュール

• 工程表・ガントチャート
  
  

ToDo

ロゴ制作
包装のデザイン案・Adobe Illustrator

---

---

2025.06.10

報告と提案・振り返り

• 包装用紙＋便箋のセット
  包装用紙と便箋が同じデザインだと統一感が出て面白くなる？
  包装用紙だけだと物足りなさがある
  便箋とセットにするかは購入する際に選べるようにする
• シーズン・季節・イベント絡み
  シーズンごとに使う品が変わる
  EX ）夏：ガラスのコップ・Tシャツ　冬：マフラー・手袋・マグカップ
  シーズンごとに包装用紙＋便箋の新しいデザインを追加していく
  一度に９〜１２パターン
• 包装用紙のサイズについて
  包装用紙の寸法：◯cm表記
  大きさ比較：物との比較写真の表示
  季節によって比べる物を変更
  
  

便箋についての調査

便箋は、手紙を書くための用紙
内容を伝えるための主役であり、通常は縦書き・横書きがある
便箋の一般的なサイズ：B5 (182mm × 257mm)

• 便箋の書き方の基本
• 手紙舎
  
  

サイトのHomeページに使う説明書き

#image(): File not found: "home.jpg" at page "竹松莉羽/情報デザイン研究I"

2025.06.03

報告と提案・振り返り

• 包装用紙のデザインについて考える
  紙質・色味・透け感・サイズ
  
  

参考サイト

• ラッピングペーパー・薄葉紙
• プリントパック
  
  

メインビジュアルの変更・完成

#image(): File not found: "main.jpg" at page "竹松莉羽/情報デザイン研究I"

封筒に紙を入れる風にするため
封筒とフォントが重なる場所を透けさせたのがポイント

2025.05.27

報告と提案・振り返り

• 受注の数を初めから決めておく
  商品によって数量を変える
  EX ）50 〜 100枚
  デザインによって作成方法が変わるため
  なくなり次第終了
  
  

ワイヤーフレーム

パソコン

スマートフォン

2025.05.20

報告と提案・振り返り

• 受注生産式にするのか、解像度を高めておくこと
  
  

サイトマップ

2025.05.13

調査の報告・参考サイト

• 無印良品ギフト・ラッピング
• MARC JACOBS
• uou cute
  
  

進捗状況

• 背景と目的の変更
• コンセプトの内容変更
  
  

2025.04.29

調査の報告と提案・振り返り

• 何セットか種類を作る
  ９パターン今後作っていく
• 自己紹介含めたサイトにする
  
  

進捗状況

• 概要作成
  
  

2025.04.22

調査の報告と提案・振り返り

• 販売仕様にはするが実際には販売しない方向
• どんなサイトであるか、紹介だけでもいいのではないか
• STORYを綴ったり、事例提案をしたりブランディング方法の紹介
  
  

進捗状況

• HTMLの作成
• サイトマップの構成を考え直す【清書する】
  
  

2025.04.15

調査の報告と提案・振り返り

• 包装サイトについて
  販売タイプかダウンロードタイプ【現時点の方向性は販売】
• 包装の種類について
  リサイクル・廃棄を増やさないためにできる工夫
  購入してもらうための工夫点
• HTMLでいちから作成してみたい
  
  

Pinterest

• 包装デザイン
• 取り入れたいデザイン
  
  

工程表・ガントチャート

• 工程表・ガントチャート
  
  

2025.04.08

気になるテーマ

• 包装の種類、デザイン
• Webサイトの作成、通販の仕組み、課題と解決策
  
  

関連したサイト

• 包装について
• 包む
• ヘッズ