Shupatto
デザインバッグとしての
機能と愛着感を
コマ撮りアニメで表現。
エコバッグからデザインバッグへ。バッグの持つ機能性や豊富なテキスタイル、人懐っこさなど要素を分解し、デザインバッグとしての印象を表現。使う人を想い丁寧に設計された「機能」と、日々の相棒のような「愛着感」を深く掘り下げ、温かみのあるコマ撮りアニメーションで魅力的に演出しています。
目次
クライアントについて
株式会社マーナ
-
事業内容
キッチン、バス、掃除、バッグなどの生活雑貨を中心に、使う人の暮らしが「いいほうへ向かう」ことを目指した独創的な家庭用品の企画・製造および販売。
-
特徴
1872年の創業以来培われたブラシ製造の技術を礎に、機能性とデザイン性を高次元で両立させ、「おさかなスポンジ」や「Shupatto（シュパット）」など、日常の不満を解決し使う人を笑顔にするヒット商品を数多く世に送り出し続けている。
プロジェクトが目指したもの
課題は、数ある競合の中で、Shupattoならではのヴィジュアルコミュニケーションを確立することでした。すでに多くの人に受け入れられ成功しているプロダクトであるがゆえに、既存のファンを維持しながら、新しい市場やターゲット層にアプローチする必要がありました。特に、エコバッグ＝主婦向けのイメージから脱却し、「おしゃれで使いたくなるバッグ」という印象に刷新することや、海外市場への挑戦、さらにはより幅広い市場への展開を目指すことが求められました。Shupattoの魅力を既存ファンに残しつつ、新たな価値やイメージを新しいターゲットの方にも直感的に伝えることが、大きな目的となっています。
Point1- Shupattoの機能性とデザインを再定義する
ブランド価値定義
デザインや機能性を
分解しながら
コマ撮りのコンセプトを企画
Shupattoの特徴を再定義し、リニューアルのコンセプトを決めていきました。一気にたためる機能、柔らかいプリーツ構造、買い物から普段使いまでの対応力これらを整理し、「デザインバッグ」としての価値を明確化。従来の主婦向けイメージから脱却し、幅広いユーザーへのアプローチを目指しました。トップページでは、この「一気にたためる機能」をコマ撮り映像で直感的に表現。バッグの動きを視覚化し、Shupattoをまだ知らない人や海外ユーザー、既存ファンにも、機能だけでなく使う楽しさも伝えるコンテンツを目指しました。
Point2- 4日間・総カット数2000枚の大規模コマ撮り
撮影ディレクション
プロダクトに命を吹き込む
職人的なコマ撮り映像
Shupattoの魅力を直感的に伝えるため、トップページのキーヴィジュアルにはコマ撮り映像を採用しました。撮影は岡崎氏が担当し、1コマずつ丁寧に制作することで、Shupattoに命を吹き込む表現を実現。総カット数2000枚、4日間に及ぶ撮影は、膨大な作業量となりました。制作の裏側では、連番画像の余白や表示位置を微調整し、PCとスマホ双方で最適な表示を一枚ずつ調整。こうした地道な作業と職人技により、バッグが生きてる！という映像が生まれました。
作り手の声
-
米道
-
愛くるしいサイトができました。
デザインバッグとしてまた色んな人に触ってもらえるシュパットになって欲しい。
制作チーム一同、一つのシュパットファミリーとして想いを込めて作りました。
シュパット愛をいっぱい注入したサイトです。 -
岡部
-
いつも子供と見ている「デザインあ」の、あの岡崎さんとご一緒できて、岡部家一同はしゃいでいました。
アワード
-
JAGDA Award 2025
-
Digital Media - JAGDA Award
-
D&AD Awards 2024
-
Websites & Apps - WOOD PENCIL
-
New York Festivals Advertising Awards 2024
-
Digital/Mobile: Craft – Art Direction - SHORTLIST
-
ACC TOKYO CREATIVITY AWARDS 2024
-
Design Stars - FINALIST
-
The Webby Awards 2024
-
Websites and Mobile Sites – Best Use of Video or Moving Image - WINNER
-
Websites and Mobile Sites – Best User Experience – NOMINEE
-
Web GRAND PRIX 13th 2025
-
Corporate - MERIT
-
MAD STARS 2024
-
Design Stars – FINALIST
-
Awwwards
-
Site of the Day
-
The FWA
-
FWA of the Day
-
CSS Design Awards
-
WEBSITE OF THE DAY
クレジット
CLIENT: 株式会社マーナ
-
art direction, design, planning: 米道 昌弘 ( mount inc. ) / technical direction, development: 岡部 健二 ( mount inc. ) /
information architect, design: 常 程 ( mount inc. ) / design: 山﨑 末鈴 ( mount inc. ) / development: 寺田 奈々, 須多 望 ( mount inc. ) /
produce: 吉田 耕 ( mount inc. )/ project management: 津留 正和 ( ingraft )
-
ANIMATION ＿ direction: 岡崎 智弘 / sound: 岡 篤郎, 穴水 康佑
-
PHOTOGRAPHY ＿ produce: 有馬 知良, 市川 悠 ( JXL ) / photography: 山本 あゆみ / stylist: 髙品 逸実 / hair&make: 淡路 美里 / location coordinator: 川畑 航大
-
PRODUCT, PHOTOGRAPHY (ABOUT) ＿ photography: 柿崎 豪
-
COPYWRITING ＿ produce: 荒木 拓也 ( SUN-AD Company Limited ) / copywriting: 波間 知良子, 本田 直之 ( SUN-AD Company Limited )