WebGallery

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

*

ダンボールの角ばった雰囲気を出すために、背景に様々な台形を散りばめる

   

%e5%90%8d%e7%a7%b0%e6%9c%aa%e8%a8%ad%e5%ae%9a-1

ダンボールで作られたランボルギーニ「ダンボルギーニ」のホームページです。

ファーストビューの黒い背景にピンクの文字と台形がとてもインパクトのあるサイトです。黒い背景の後ろでダンボルギーニの映像が流れていて、とても重厚感のある雰囲気になっています。
しばらくすると中央にあるキャッチや背景の台形が消えてムービーだけが表示されるようになります。臨場感のある撮り方で撮影された映像はダンボルギーニの魅力を十分に伝えています。

ダンボルギーニの様々な魅力について説明している部分でも、直線ではなく斜線にすることで、手作り感のある雰囲気になっています。
各ボタンをクリックすると詳細ページに移動するのではなく、オーバーレイで表示されるようになっていて、動きがあって面白いです。

 

 - 色で表現

  関連記事

ボタンを目立つ色にするのではなく、背景色を少し薄くして文字色を濃くする

商品「フェイスマスク ルルルン」のホームページです。 フェイスマスクということで …

美容品を販売している会社のサイトがオシャレでカッコいい!

「株式会社MEGMALE(メグマーレ)」のホームページです。 ファーストビューの …

情報が増えてもいいようにあらかじめ左側にボタンをつけておく

スクールクラフトの商品紹介ホームページです。 ページを表示してまず使用例がアニメ …

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

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

写真や色を使って華やかな雰囲気を表現した生花店

東京都府中市にある生花店「花智」のホームページです。 トップページの綺麗な花の写 …

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

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

様々なグラフがアニメーションで表示される

平安時代にかまぼこが表記されてから2015年で900周年を迎えたそうです。全国か …

白黒の配色と扇形の写真の切り取り方を使った重厚感ある香料メーカー

200年あまりの歴史を持つ香料メーカー「塩野香料株式会社」のホームページです。 …

初めての人にも分かりやすいアクセスページ「なかやま矯正歯科」

大阪府大阪市にある矯正歯科医院「なかやま矯正歯科」のホームページです。 左側にメ …

ファーストビューがとても斬新なレイアウトの不動産のサイトがカッコいい!

東京都渋谷区にある不動産事業会社「Think Green」のホームページです。 …