全てがステキなものに
包装紙と便箋のブランディングソーシャルメディア制作
- Takematsu Riu
- Keywords：サイト, 包装デザイン, 通販について,
概要
これは何？
包装紙と便箋のブランディングソーシャルメディア制作
背景と目的
現状としてオリジナルの物足りなさが背景にある
包装紙と便箋をセットでデザインすることで他とは違う統一感溢れた贈り物に
包装・ラッピング好きが求める"カタチ"を生み出す
既製品では満たせないオリジナリティへの想いを背景として包装紙と便箋に特化したブランディングとソーシャルメディアを制作していく
コンセプト
包むこと。書くこと。贈ること。
そのすべてを、もっと素敵なものに。
包装紙の"ワクワク感"と便箋の"温かみある伝言力"を掛け合わせることで贈り物に深みや個性・統一感が生まれる
分別しやすくリサイクルしやすいように包装全体を同じ素材で作成
異素材を組み合わせないことで廃棄時の混乱を減らす
プレゼントの贈り主も受け取り主も"開けたくなるパッケージ"や"撮りたくなるデザイン"として、ブランドと顧客のつながりを深める
成果物の仕様
- Webサイト
- サイトマップ
包装紙・便箋ページについては
事例提案・ブランディング方法なので実際に販売はしない
- ワイヤーフレーム
パソコンの場合
Home・Shop・Aboutを左側に表示
スマートフォンの場合
Home・Shop・Aboutをハンバーガー形式で表示
制作ツール
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.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
調査の報告・参考サイト
進捗状況
2025.04.29
調査の報告と提案・振り返り
- 何セットか種類を作る
９パターン今後作っていく
- 自己紹介含めたサイトにする
進捗状況
2025.04.22
調査の報告と提案・振り返り
- 販売仕様にはするが実際には販売しない方向
- どんなサイトであるか、紹介だけでもいいのではないか
- STORYを綴ったり、事例提案をしたりブランディング方法の紹介
進捗状況
- HTMLの作成
- サイトマップの構成を考え直す【清書する】
2025.04.15
調査の報告と提案・振り返り
- 包装サイトについて
販売タイプかダウンロードタイプ【現時点の方向性は販売】
- 包装の種類について
リサイクル・廃棄を増やさないためにできる工夫
購入してもらうための工夫点
- HTMLでいちから作成してみたい
Pinterest
工程表・ガントチャート
2025.04.08
気になるテーマ
- 包装の種類、デザイン
- Webサイトの作成、通販の仕組み、課題と解決策
関連したサイト
