• 履歴一覧
• 差分 を表示
• 現在との差分 を表示
• ソース を表示
• 竹松莉羽/情報デザイン研究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)

---

全てがステキなものに

包装と便箋のブランディングソーシャルメディア制作

• Takematsu Riu
• Keywords：サイト, 包装便箋, 通販について,
  
  

概要

これは何？

包装と便箋のブランディングソーシャルメディア制作

背景と目的

現状としてオリジナルの物足りなさが背景にある
包装と便箋をセットでデザインすることで他とは違う統一感溢れた贈り物に
包装・ラッピング好きが求める"カタチ"を生み出す
既製品では満たせないオリジナリティへの想いを背景として包装と便箋に特化したブランディングとソーシャルメディアを制作していく

コンセプト

包むこと。書くこと。贈ること。
そのすべてを、もっと素敵なものに。

包装の"ワクワク感"と便箋の"温かみある伝言力"を掛け合わせることで贈り物に深みや個性・統一感が生まれる
分別しやすくリサイクルしやすいように包装全体を同じ素材で作成
異素材を組み合わせないことで廃棄時の混乱を減らす
プレゼントの贈り主も受け取り主も"開けたくなるパッケージ"や"撮りたくなるデザイン"として、ブランドと顧客のつながりを深める

成果物の仕様

• Webサイト
  
  
• サイトマップ
  
  
  
  包装・便箋ページについては
  事例提案・ブランディング方法なので実際に販売はしない
  
  
• ワイヤーフレーム
  
  
  パソコンの場合
  Home・Shop・Aboutを左側に表示
  
  
  
  
  スマートフォンの場合
  Home・Shop・Aboutをハンバーガー形式で表示
  
  
  
  
  Aboutの例（ パソコン ）
  Aboutのイメージ
  インスタは仮
  実際に販売はしないので非公開で作成してスクショを添付する
  
  

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

制作ツール

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

プロジェクトの期間

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

まとめ

包装と便箋のブランディングソーシャルメディア制作


TsuTsu | Make everything lovely
包む・書く・贈る。
日々を素敵にする包装と便箋のブランド
実際には販売しない形式でブランディングソーシャルメディアの制作方法について学習していく


包装と便箋のセットで販売（ 単品で買うことも可能 ）
ひとつひとつのアイテムに物語エピソードを綴る
どんな贈り物にしようか想像してもらう時間を楽しんでもらうため


季節によって贈り物が変化することを想定してデザインも変えていく
新作を出すタイミングとしてはシーズンまたはスポットで追加していく

調査

現状調査

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

先行事例

• ラッピングペーパー・薄葉紙
• プリントパック
• 包装について
• 包む
• ヘッズ
• 便箋の書き方の基本
• 手紙舎
  
  

技法・技術情報

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

プロジェクト管理

スケジュール

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

ToDo

web関連の写真作成
包装のデザイン案・Adobe Illustrator

---

---

2025.07.08

発表報告

何を売り出したいか理解されてない
Shopでは包装用紙と便箋の２つ
包装用紙の使い道として、ただ商品を包装することにだけ使うのではなく
ポチ袋・ブックカバー・封筒をその用紙で作ることもできるよってことをサイトに記載する
使う用途の種類を分かりやすく紹介する
包みたい商品が小さめでも敢えて大きめのサイズを選択して、いろんな活用をしてみることも可能

報告と提案・振り返り

webで使用する素材集め・制作

2025.07.01

報告と提案・振り返り

• ビジュアル
  紙で印象付けたいので
  サイトに使用するイラストみたいなビジュアルを折り紙で作った物にする
• 折り紙購入
  
  

2025.06.24

報告と提案・振り返り

• サイズについて
  課題：
  包む物の意味・手触り・形・用途によっては幅広い種類の包装を制作・大変
  解決：
  包装紙を"折る・切る・巻く"で自由度をあげて楽しんでもらう
  ３種類のみにする
  Sサイズ（ A4 アクセサリー・文具・お菓子 ）
  Mサイズ（ A3 書籍・ハンカチ2-3枚・マグカップ ）
  Lサイズ（ B2 厚手のマフラー・大きめのぬいぐるみ20-30cm・小型バック ）
  リサイクル点
  折り紙感覚・折り紙レシピ・ポチ袋・ブックカバー・封筒に展開可能
  
  

参考サイト

• ブックカバーの作り方
• 折り紙
• ポチ袋の作り方
• 封筒の作り方
  
  

2025.06.17

報告と提案・振り返り

• Home
  作品・商品のビジュアル・写真の表示
  クリック出来るようにする
  所々に魅力を伝えるための短い文を入れる
• Shop
  包装・便箋ページ
  一つ一つに物語・エピソードを綴る
  事例提案・ブランディング方法なので実際に販売はしない
• About
  About（コンセプト）
  Contact（名前・メール・コメント・インスタ）
  
  
  パソコン
  Aboutのイメージ
  インスタは仮
  実際に販売はしないので非公開で作成してスクショを添付する

2025.06.10

報告と提案・振り返り

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

便箋についての調査

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

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

サイトのAboutページに使用する説明書き

サイト関連

タイトル

サブタイトル

2025.06.03

報告と提案・振り返り

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

参考サイト

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

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

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サイトの作成、通販の仕組み、課題と解決策
  
  

関連したサイト

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