真空圧縮と容量拡張。異なる2つの機能を持つ旅行リュック「Keliana」のMakuake事例です。
この商品の特徴は、荷物のかさを減らすことと、バッグの収納容量を増やすこと。似ているようで役割の違う機能を、どう見せるかがデザインのポイントになります。
20Lと40Lを並べた比較画像
印象的なのは、容量の違いを見せる比較画像です。
拡張前後のバッグを横に並べ、それぞれに容量を大きく表示。数字だけでなく、バッグの厚みが変わる様子も確認できます。
「容量が増える」という文章だけでは想像しにくい変化も、写真を並べることで具体的に。
背景をグレー系でまとめ、バッグ本体と容量の数字に目が向きやすい構成になっています。
2つの機能を混同させない情報整理
この商品には、真空圧縮と容量拡張という2つの仕組みがあります。
真空圧縮は衣類のかさを減らす機能。容量拡張はバッグ自体の収納スペースを広げる機能です。
プロジェクトでは、機能の組み合わせを表形式で整理した画像も使用されています。
機能をすべて文章で説明するのではなく、状態の違いは写真で、条件の違いは表で見せる。
この役割分担は、多機能な商品を説明するときの参考になります。
GIFと静止画の使い分け
圧縮のように動きのある機能は、静止画だけでは過程が伝わりにくい場合があります。
そこで役立つのがGIFや短い動画。
ただし、動きがあること自体が重要なのではありません。どの操作によって、何が変化したのかがわかることが大切です。
静止画で状態の違いを確認し、GIFで変化の過程を見る。両方を使い分けることで、商品の仕組みを説明しやすくなります。
デザインのポイント
この事例で参考にしたいのは、機能の数を強調することより、機能の違いを整理している点です。
真空圧縮、容量拡張、フルオープン構造。それぞれの特徴に合った画像を使い、ひとつずつ説明する。
多機能な商品ほど、画像ごとの役割を分けることが重要になります。
関連記事
商品機能を説明する画像の作り方については、こちらの記事で詳しく解説しています。
スーツケースはもう不要。衣類を50%圧縮し、旅の荷物を一つに集約する次世代バッグ
https://www.makuake.com/project/keliana_light36lbag/
