WebGallery

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

*

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

   

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

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

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

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

 - 写真で表現 ,

  関連記事

テキストが最大限に排除されたトップページがカッコいい設計事務所

広島県広島市にある設計事務所「株式会社トランスデザイン」がプロデュースした新築の …

兵庫県にある漆工芸のサイトが写真を大胆に使ったデザインでカッコいい!

兵庫県姫路市にある「砂川漆工芸」のホームページです。 ファーストビューの写真がと …

GWに開催されるジャズイベントのサイトがかっこいい!

2017年の4月28日・29日・30日の3日間にわたって東京の「ワテラス」で開催 …

視線誘導がとても上手い「STRIA CLINIC」

福岡県福岡市にある医療レーザー脱毛専用医院「STRIA CLINIC(ストリア …

商品のイメージカラーを使い、統一感を出す

  森永乳業の「ピノフォンデュカフェ」の特設サイトです。ピノのパッケー …

シンプルなレイアウトで、モデルの写真を際立たせた美容院

東京都福生市と昭島市の駅前にある美容室「vivarc」のホームページです。 ファ …

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

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

サイト全体の動きをゆっくりさせて、旅館の穏やかな雰囲気で過ごせるイメージを演出する

新潟県新発田市にある旅館「白玉の湯 華鳳」のホームページです。 黒と黄色を基調と …

思わずほしくなる!画面幅いっぱいに写真を配置したランドセルのブランドサイト4選!

ランドセルって大人になっても魅力的に感じるアイテムだと思ってます。 私が小学生の …

文字の太さで強調する部分をはっきりさせる

  千葉県の海浜幕張公園で行われる花火フェスタのホームページです。背景 …