WebGallery

Webデザインの初心者がスマートフォン対応しているWebサイトを淡々と紹介していくサイトギャラリーです。

*

スクロールに合わせて写真が動く!「オロナイン」の公式サイトが可愛い!

   

大塚製薬が販売している「オロナイン」の公式サイトです。

ファーストビューの日常のワンシーンのような写真が印象的なサイトです。
テーブルの中央にはチューブ型のオロナインが置いてあり、吹き出しがいくつか出るようになっています。
丸ゴシックや丸い吹き出しなど、丸い形を使うことで親しみやすい雰囲気が出ています。

成分や用法・用量など、オロナインに関する情報が掲載している部分では窓辺に置かれたオロナインがくるくる回ったり、携帯型のチューブをカバンのチャックを開けて見せたりと、文章を使わずに写真を使って様々な形状のオロナインを紹介しています。

一番最後の写真では、サイドテーブルの上にオロナインが置かれています。
時間の流れを感じる写真の並び方で、どんなシーンでも使える商品ということが伝わってきます!
一番最後のオロナインは、商品名のロゴがこちらに向くようになっているのも良いですね!

 - 色で表現

  関連記事

ロゴのスラッシュを使ったデザインがカッコいい「万建設興業」

栃木県那須塩原市にある住宅建築・分譲地販売をしている「株式会社万建設興業 YES …

「広瀬川」の魅力を紹介するサイトがシンプルでおしゃれ!

宮城県仙台市にある「広瀬川」のホームページです。 広瀬川の魅力が伝わるように、ト …

ビアガーデンらしくないデザイン

  都内のビアガーデンのサイトです。女性をターゲットに絞り、色合いを可 …

キャッチコピーで見る人の心を掴む!KOSEの「feliscent」

KOSEの取り扱い商品「feliscent(フェリセント)」のホームページです。 …

アーティストのロゴマークをメニューボタンにした、オリジナリティあふれる感じ

1994年に結成された男性ヒップホップグループ「RIP SLYME」のニューアル …

グリッドレイアウトを使って実例をスタイリッシュに紹介している設計事務所のサイト4つ!

暑い!とにかく今年の7月は暑いです!! 関東でも一部地域で今年初の40度超えが観 …

しかけ絵本を見ているかのようなサー・トーマス・リプトンのストーリー

リプトンのプレミアムシリーズ「サー・トーマス・リプトン」のホームページです。 リ …

パンやスイーツの種類を見やすくカテゴリで分ける

北海道の釧路市にあるパン屋さん「Pan de pan」のホームページです。 お店 …

春間近!桜とピンクを効果的に使ったデザインの「お~いお茶の2018年春特設サイト」

2018年「春到来。桜お~いお茶」の特設サイトです。 ファーストビューの有村架純 …

赤と白のおめでたい配色が綺麗!なお米の販売サイト

「新潟米 新之助(しんのすけ)」のホームページです。 赤と白の背景がとても綺麗な …