11月8日（日）に、デザインサンプルNo.14「てのまの泡」を公開しました。泡ハンドソープのブランドを題材に、写真と泡の輪郭、使う場面の案内、商品選びの体験をひとつの流れにまとめました。
MOBILE
制作のハイライト
写真と泡の輪郭で、ブランドの入口をつくる
手を洗う場面とボトルの写真を、泡を思わせる輪郭で配置。写真の周囲をたどる文字や、スクロールに合わせた控えめな動きで、商品の世界観から使う場面へつなげています。
使う場面から、商品を選ぶ体験へ
仕事の合間や帰宅後の場面を写真で案内し、本体・詰め替え・セットの商品選びへ進める構成です。選んだ商品と合計を確認できるデモを用意しています。注文・決済は行いません。
詳しい情報は、必要なときに開ける
長く使うための案内は、写真と3つの線画アイコンで整理。10項目の商品仕様と4つのよくある質問は、必要な内容を開いて読める形にまとめています。
スマートフォンでも、情報と操作を見失わない
小さな画面では写真・説明・商品への入口を縦の流れに整え、章のメニューも用意しています。動きを減らす端末設定にも対応しています。
商品の世界観から具体的な情報、選ぶ操作までをつなぐWebサイトの一例として、実際の画面をご覧いただけます。
架空のハンドソープブランドのデザインサンプルです
株式会社アクセシオ