■ 概要 Overview
水不要で揉み込むだけで場所を問わずに手を洗浄する泡フォーム「temamori」を紹介し、購入サイトや問合せなどに対応する公式サイト
■ ファーストビュー Above the fold
キービジュアル
ハンバーガーメニュー
■ ターゲット Target
子供からお年寄りまで広い層
■ フォント Font
Yu Gothic
16px,18px,20px,22px,25px,31px
■ カラー Color
<B>#C2E1D2
<M>#FFFFFF
<A>#A660A3,#8FC31F,#00AFCC
■ デザインの特徴 Design features
泡をイメージした有機的なシェイプでふわふわ動くアニメーションやイメージ画像のトリミングとパステルカラーの優しい色合いでの配色は肌に優しい印象を与え、商品の性質性と関連づいた表現になっている
商品の一番の特徴でもある水不要で泡で洗浄するという特性を文字だけではなくアニメーションや形状で表現する手法は商品パッケージなどとも共通し、トンマナも徹底している
新しいスタイルの商品を まずは周知させるという目的のもとつくられた公式サイトと考えられ、ターゲットも広いことからフォントは可読性の高いYu Gothicに絞られ、フォントサイズやスタイルは大き目の太字を多く使用し、読みやすくわかりやすい文章でテキストが組まれ、行間や余白もたっぷりとられ、アニメーションや文字方向の変化など最後までスクロールして読みたくなるように作られている
情報を得て興味を持ったところにＣＴＡボタンに設置され、長いページをアニメーションやテキスト、イメージ画像をうまく構成し、ＣＴＡにつながるような誘導をしっかり組み立てたデザインになっている
https://temamori.com/