WebGallery

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

*

東京にあるスーツのオーダーメイド専門店のサイトが高級感があってカッコいい!

   

オーダーメイド専門店「俺のTailor」のホームページです。

ファーストビューのデザインがとても高級感のあるサイトです。
ヘッダー部分には背景に英国風?なテクスチャを使用し、スライダーには様々なタイプのスーツを着こなした男性の写真がスライダーで配置されています。
写真の上に薄く黒のテクスチャをつけることで小さめの画像でも画質の粗さが目立つことはなく、より落ち着いた印象のファーストビューになっています。

コンテンツにも背景に写真を使用することで、会社の雰囲気や作業風景などが伝わってきます。3種類に分けたスーツの特徴を簡単に説明したコンテンツは、あまり詳しくない人でも写真付きで分かりやすく説明されていて勉強になります!

また、「ご来店予約をする」というボタンには指のイラストを左側に配置しています。
背景の紺色に対してのコントラストが強く際立っていますが、さらにタップするようなアニメーションを加えることで、より際立ったボタンになっています。
思わずこの指と一緒に押してしまいたくなりますね!

 - 写真で表現 ,

  関連記事

コケの写真が幻想的な通販サイト

大阪市にあるコケリウム専門通販サイト「コケのインテリア コケリウム」のホームペー …

とにかくオシャレ!ミニマルデザインを取り入れたカフェのサイト3選!

無駄な要素を除いて、エレガントで洗練された「ミニマルデザイン」のwebサイトをよ …

可愛い&おしゃれ!洗濯物が溜まっていなくても思わず行きたくなるコインランドリーのサイト3選!

あっという間に3月ですねー! この時期になると花粉症の人がそろそろ準備をしだすん …

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

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

重要なボタンは2箇所に配置したり上部に固定したりして、すぐ目に付くようにする

福岡県にあるファインライフ・カンパニー株式会社のホームページです。 上部に会社の …

訪問看護事業のサイトが、従業員の写真をたくさん使っていて親しみやすい!

東京都江戸川区と沖縄県豊見城市に事務所をかまえる訪問看護事業「ウィル訪問看護ステ …

豊富な情報量をすっきりまとめた給食委託会社のサイトがオシャレで参考になる!

東京都千代田区大手町に本社をかまえる給食委託会社「株式会社LEOC」のホームペー …

短冊のような縦長のコンテンツと背景の竹のイラストで和風な雰囲気を出している温泉旅館

2016年12月に千葉県佐倉市にオープンした「佐倉天然温泉 澄流 -SUMIRE …

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

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

文字間や行間をあけて見た目をすっきりさせることで、文章を読みやすくする

愛知県名古屋市にある「名古屋外国語大学」の受験生サイトです。 写真を多様に使い、 …