WebGallery

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

*

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

   

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

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

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

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

 - 写真で表現 ,

  関連記事

くるくると回るキャッチ画像

株式会社エーペック貿易のホームページです。 くるくると回るキャッチ画像がとても綺 …

黒背景に写真のコントラストが美しいレストラン

2016年4月北海道札幌市にオープンした「北海道料理 海籠」のホームページです。 …

東京都にある不動産会社が間取り図まで掲載していて物件情報が分かりやすい!

東京都板橋区にある不動産会社「株式会社アルコ」のホームページです。 白・グレー・ …

商品の紹介を最小限に抑え、写真を大きく見せることでスマートフォンからでも見やすくする

コーヒー機器製造メーカー「Kalita」のホームページです。 上部に固定されてい …

見る人を飽きさせず、旅の目的ごとにお勧めスポットが分かる構成

  利賀芸術公園の特設サイトです。大きく3つの写真を用いたブロックで分 …

アニメーションを使って分かりやすく見所を紹介している「びわ湖硫水船」のサイト

京都府京都市で乗船できる「びわ湖硫水船」のサイトです。 ファーストビューに大きく …

群馬県にある眼科のサイトが、様々なレイアウトでデザインされててカッコいい!

群馬県高崎市にある眼科「だるま眼科」のホームページです。 トップページのレイアウ …

2020年新卒採用サイトのトレンドをチェック!おしゃれなデザインをまとめてみました!

年始早々インフルエンザにかかってしまいました…皆様もお気をつけて… 久しぶりに高 …

ファーストビューにイベントやフェアのバナーを設置して最新情報がすぐ分かる!沖縄のホテルのサイト

カトープレジャーグループが運営する沖縄県沖縄市にあるリゾートホテル「オキナワ グ …

背景いっぱいにパンの写真を使ったサイトがおいしそう!

敷島製パン「Pasco」のホームページです。 ファーストビューのスライダー写真の …