WebGallery

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

*

グレーとゴールドを使ってデザインされた鉄工所のサイトがカッコいい!

   

千葉県富津市にある鉄工所「大栄鉄工所」のホームページです。

濃いグレーとゴールドを基調としたカッコいいデザインのサイトです。
背景には作業風景を撮影した写真を使用しており、よりインパクトのあるファーストビューになっています。
中央に配置されたキャッチコピーは背景の色とは逆の白色を使うことで、際立つようにコントラストを強くしています。

ページ全体は装飾を抑えたデザインになっており、シンプルな分写真を使って色合いを出しています。
使用されている写真も1枚1枚のクオリティが高く、思わず見入ってしまいます!
タイトル部分にはアニメーションを使うことで、文字サイズが文章とあまり変わらなくても際立つように工夫されています。

フッター部分は背景が地図になっていて、Googleマップなどを配置せずに会社の場所が千葉県のどの位置にあるのかを伝えています。
こういったデザインはとても参考になります!

 - 色で表現 ,

  関連記事

色鮮やかな染め物の映像の上に、虹色のアニメーションを重ねてさらに綺麗に!

岐阜県羽島郡笠松町にある染め物屋さん「丸京染色株式会社」のホームページです。 フ …

「あしあと」の部分で過去に閲覧したページを掲載する

新潟県にある「山波農場」のホームページです。 大きな麦の写真や綺麗な風景の写真は …

画面全体に表示され、スマートフォンからでも操作しやすく

2015年11月にグランドオープンしたばかりの、静岡県の伊豆高原・大室山の麓にあ …

黒い背景にインパクトのあるキャッチコピーと卵の写真で、重厚感のあるサイトがカッコいい!

鹿児島県曽於市にある卵・マヨネーズ等を販売している「サテライツ株式会社」のホーム …

神戸にあるロシア料理のサイトが、マトリョーシカをイメージしたデザインで可愛い!

兵庫県神戸市にある、純ロシア料理をメインにしたレストラン「バラライカ」のホームペ …

札幌市にある一級建築士事務所のサイトが、ロゴカラーを使ったデザインでおしゃれ!

北海道札幌市にある一級建築士事務所「GRA:株式会社グリーンライト アソシエイツ …

カットスタイルごとのギャラリーで好みの髪型をすぐ見つけられる美容院

渋谷にある美容院「Pure Soul」のホームページです。 トップページのスライ …

天然の木の暖かさを出すために、木の表面の写真をたくさん使って紹介している「TAICHIRO」のサイト

国産の天然木を使って一枚板のテーブルを販売している「TAICHIRO」のホームペ …

黒を基調としたテイクアウト商品の販売サイトが高級感があっておしゃれ!

専門店のデリバリーサービス「TAKEOUT CAB(テイクアウトキャブ)」のホー …

モデルの髪色を強調するため、サイトの配色をグレー系にしたヘアカラー剤のサイトがスタイリッシュ!

ヘアカラー剤「THROW」のホームページです。 ファーストビューの透明感のあるイ …