WebGallery

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

*

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

   

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

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

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

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

 - 色で表現

  関連記事

手描き風のフォントやパステルカラーの配色を使って、安心感のあるデザインの病院サイト

岡山県岡山市にある産婦人科医院「丹羽病院」のホームページです。 ファーストビュー …

名古屋市にある産婦人科病院のサイトが、病院のサイトとは思えないほど可愛い!

愛知県名古屋市にある産婦人科病院「産婦人科 アイ・レディスクリニック」のホームペ …

豊富な情報量を、シンプルなレイアウトですっきりまとめているパン屋さんのサイトがオシャレ!

長野県東御市にあるパン屋さん「パンと日用品の店 わざわざ」のホームページです。 …

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

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

アイコンや背景を動かして一工夫加えたサイトが可愛い!「札友電材株式会社」

北海道札幌市にある、電材設備の販売を行っている「札友電材株式会社」のホームページ …

不思議な写真をファーストビューに使うことで、「不思議なレストラン」の世界観を演出したデザインがすごい!

2017年の1月28日から5月21日まで日本橋茅場町にある特設会場で行われる「食 …

画面幅いっぱい使った大胆なレイアウトと青の配色で、信頼感のある建築系サイト

東京都品川区に本社をかまえ、計装の工事を行っている「中央計装」のホームページです …

東京にある不動産会社のサイトが可愛くておしゃれ!

東京都立川市にある不動産会社「Yutaka Home +(ユタカホームプラス)」 …

札幌市にある一級建築士事務所のサイトが、ロゴカラーを使ったデザインでおしゃれ!

北海道札幌市にある一級建築士事務所「GRA:株式会社グリーンライト アソシエイツ …

多彩なアニメーションを使ったサイト

  私が言っていいものかどうか分かりませんが、懐かしきCyndi La …