WebGallery

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

*

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

   

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

青を基調とした配色のサイトです。
スライダー画像が画面全体に配置されたレイアウトで、左右どちらか半分がキャッチフレーズになっています。
そのスライダーの区切りに合わせるように、トップページのコンテンツも分けており、とてもスッキリした印象を受けます。

それぞれのページがアイコンを使ってデザインされており、親しみやすさもでています。
コンテンツにカーソルを合わせるとホバーアクションでアクセントカラーの黄色がついて、青一色のサイトがカラフルになります。

 - 色で表現 ,

  関連記事

1度は泊まってみたい!軽井沢のクラシックホテル

長野県軽井沢にあるクラシックホテル「万平ホテル」のホームページです。 まずサイト …

スクロールに合わせて写真が動く!「オロナイン」の公式サイトが可愛い!

大塚製薬が販売している「オロナイン」の公式サイトです。 ファーストビューの日常の …

東京の11の島を紹介するサイトが、写真やイラストを使ったデザインで可愛い!

「東京アイランドドットコム 東京にある11の島」のホームページです。 ファースト …

コンテンツいっぱいに写真を配置する

「放課後等デイサービス」というハッピーテラス株式会社が運営するサービスです。ロゴ …

背景にテクスチャをかけ、画面を引き締める

  石油関連事業を行っている会社のホームページです。ロゴのカラーである …

パンやスイーツの種類を見やすくカテゴリで分ける

北海道の釧路市にあるパン屋さん「Pan de pan」のホームページです。 お店 …

サイト全体を白黒にして写真を際立たせて、さらにコンテンツを斜めに切り取って動きを演出したスイーツ屋さんがオシャレ!

パティスリー・サダハル・アオキ・パリ日本公式サイトです。 白と黒を基調とした、シ …

親をターゲットにした、見やすいだけでなく可愛くデザインされた幼稚園サイトが素敵!

岐阜県岐阜市にある幼稚園「中部学院大学・中部学院短期大学部 ふぞく幼稚園」のホー …

犬との絆がもっと深まりそうな犬用ウェアラブルデバイス

犬用ウェアラブルデバイス「INUPATHY(イヌパシー)」のランディングページで …

建物の外観を連想させる背景のアニメーション

東京都千代田区にある「有楽町マリオン」のホームページです。 背景のアニメーション …