WebGallery

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

*

サイトの配色だけでなく、写真の色合いも青系にしてガラス瓶の透明感を出している「びんむすめ」のサイト

   

日本ガラスびん協会が運営する「びんむすめ」のプロジェクトキャンペーンサイトです。

ファーストビューのスライダーのガラスびんの写真がとても綺麗なサイトです。
色んな角度や様々な形の瓶の写真が配置され、写真に重なりすぎないように小さくキャッチコピーが左下に配置されています。

「びんむすめ」について紹介している部分では、左側に映像と紹介文・右側に様々な「びんむすめ」達の写真のスライダーが配置されています。
ワインやラムネ、ジャムびんなど本当に色んな種類の写真が掲載されていて、とても面白いです!

その下にも画面全体に同じ内容のスライダーが配置されています。
ですが、こちらは「びんむすめ」の看板娘たちの詳細が記載されています。
余白を広く取って白背景の部分を多くすることで、透明感のある雰囲気のサイトを演出していて、とても綺麗なサイトです!

 - 写真で表現

  関連記事

手描きのようなアイコンで視認性だけでなく、見た目にも可愛らしさを

東京都中央区新川にある和菓子屋「翠江堂(すいこうどう)」のホームページです。 左 …

背景にまぎれないように、文字に少しだけ影をつけて強調させる

11月7日から八景島シーパラダイスで行われているイルミネーションイベント「楽園の …

左側にスライダー、右側にコンテンツのレイアウトでデザインされた花火大会のサイト2選!

あっという間に6月も中旬ですねー! 今回は、少し先ですが8月に開催される花火大会 …

フォントを使い和風な雰囲気を出す

  島根県にある旅館のWebサイトです。特徴的な切り抜き方のキャッチ画 …

ジャンプ率の差を大きくしてタイトルを目立たせたツアーサイト

「UNISON SQUARE GARDEN」の6thアルバムツアー「Dr.Izz …

コンテンツ毎に文章の配置を変え、見出しを強調するレイアウトにする

静岡県伊東市にある隠れ宿「花の雲」のホームページです。 まず、画面いっぱいに表示 …

湯布院の大自然を感じることができそうな旅館

2016年9月1日にリニューアルオープンした大人の隠れ家「ふうきの里」のホームペ …

情報を記載した部分のみ、スクロールにする

  バイオリニスト「Ayasa」さんの公式ホームページです。何種類かの …

映像で構成されたシンプルなサイト

  株式会社コナミが制作したメタルギア・ソリッドシリーズの主人公に惚れ …

ファーストビューのインパクトのある重機の動画がカッコいい!

農業の機械を世界中に生産している「株式会社クボタ」の「壁がある。だから、行く。」 …