WebGallery

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

*

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

   

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

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

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

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

 - 色で表現

  関連記事

イラストの雰囲気を大切にした音楽祭のサイトが可愛くておしゃれ!

2017年3月18日の土曜日から6月11日の日曜日まで兵庫県神戸市にある神戸文化 …

ロゴを中央に配置し、グローバルナビを左右に分けた構成

ホットヨガスタジオ「loIve」のホームページです。 女性をターゲットにした暖色 …

ロゴカラーでデザインされたものづくり企業のサイトがカッコいい!

新潟県三条市に本社をかまえる、キッチン雑貨・収納家具・住宅設備・家庭用品の専門家 …

足を動かすきっかけになりそうな車いす

株式会社TESSが販売している「COGY(コギー) あきらめない人の車いす」の特 …

会場ごとに色を分けて、情報を見やすく分類したライブハウスがシンプルだけどカッコいい!

渋谷・名古屋・梅田・広島にスタジオをかまえる「CLUB QUATTRO(クラブク …

検索のユーザビリティを高めたデザイン

  Renottaの公式ホームページです。全面的にリニューアルし、どの …

映画の雰囲気を大切にしたデザイン

2016年の9月1日から公開されている映画「グランドイリュージョン 見破られたト …

タグで切り替えて表示することで2ページ分の情報を1ページに収める

北海道河東郡音更町にある十勝川温泉の魅力を紹介する「潤い十勝川」のホームページで …

「くた女のお疲れ座談会」サイトの、パステルカラーの配色が可愛い!

elecomの商品を紹介している「くた女のお疲れ座談会」の特設サイトです。 ファ …

学生に馴染みやすく・伝わりやすい「関西テレビ 採用情報」

関西テレビ放送の2017年度採用情報が掲載されている「関西テレビ RECRUIT …