オムロンの血圧計

サイトイメージ

シンプル

ゴージャス

整頓

散在

動かない

動く

オムロンの血圧計
オムロンの血圧計

ちょうどいいポイント

製品一つ一つが際立つ!

製品一つ一つを中央に大きく見せたファーストビュー。背景色が切り替わったり型番の文字が流れたりする動きがちょうどいい賑やかさで、シンプルな製品とのバランスが絶妙!複数の製品を並べて表示するよりも一つ一つの主役感が増し製品への興味が湧くデザインです。
その下のタイプ一覧でもホバーで背景が色付き、一つ一つを区別しやすい。一見個性を際立たせるのが難しそうな血圧計でも色んなタイプがあることを直感的に感じられます。

情報をコンパクト&スムーズに

製品情報はアコーディオンメニューで開閉することができます。別ページを行ったり来たりする必要がなくとても便利な見せ方。アコーディオンを閉じた状態で各タイプを比較しつつ、気になったものがあれば詳細を開く、という流れがスムーズで商品選びがしやすいです!

製品情報は一画面にまとまっていて見やすい。特長・どんな人に向いているのか・どんな機能があるのかを箇条書きとアイコンでパッと理解することができ、商品選びにとても役立ちます。写真と情報を2カラムで分け製品まわりの余白をたっぷり確保しているのもポイント。情報をたくさん入れてもごちゃごちゃせず、商品の質の高さがしっかりと伝わります。

かきのは

海への探求心がそそられる!

yuya

商品の色や形をサイト上でも表現!

Liͷ

思わず食べたくなっちゃう🤤