WebGallery

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

*

札幌にある建設会社のサイトが、雑誌のようなレイアウトでおしゃれ!

   

札幌市にある建設会社「竹内建設」のホームページです。

左側にスライダー、右側にイベントやスタッフ紹介に移動するページのボタンが配置された個性的なファーストビューのデザインです。
サイトを開いたときにイベントの最新情報が分かるようになっていて、思わずクリックしてしまうようなレイアウトになっています。
写真とコンテンツの境界線が、ペンキで塗った後のようなテクスチャを使用して、小技がきいてます!

サブページでは、タイトルを敢えて縦書きにすることでファーストビューがインパクトのあるものになっています。
また、細めのフォントを使用して余白を多めに取ることで、さらに文字への注目度もあがります。
各コンテンツはアニメーションを使って表示させているのも、サイト全体に動きを出していて面白いです!

 - 写真で表現 , ,

  関連記事

デザインの参考にしたい!スプリットスクリーンを使った旅館のサイト3選!

「分割式スクリーンレイアウト」や「分割式レイアウト」とも呼ばれるスプリットスクリ …

夕日をイメージさせるメニューバーが綺麗な観光ホテル

福井県坂井市にあるホテル「東尋坊温泉 三国観光ホテル」のホームページです。 ファ …

サイト全体を白黒の配色にすることで、住宅の木のぬくもりが感じられるリフォーム会社

栃木県宇都宮市にあるリフォーム会社「有限会社 矢野住建」のホームページです。 フ …

イラストを使ってテント用品の名称を分かりやすく見せたテント用品販売サイト

東京都だけでなく、宮城県や福島県・愛知県・京都府などに店舗をかまえ、テント用品を …

全てのページのファーストビューに写真を画面いっぱいに使ったデザインのサイトがオシャレ!

沖縄県国頭郡にあるリゾートホテル「沖縄かりゆしビーチリゾート・オーシャンスパ」の …

フラットデザインを使った倉庫会社のサイトがシンプルでキレイ!

千葉県柏市にある常温・定温倉庫会社「新柏倉庫」のホームページです。 ロゴカラーを …

「こんな美容室に行ってみたい!」と思う美容室サイトがシンプルでおしゃれ!

東京都世田谷区にある美容室「Rodina」のホームページです。 トップページのス …

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

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

手軽さやオシャレ感を上手くアピールする

「MY BAGEL」というPascoのパンを色々アレンジして楽しもうという紹介サ …

イラストとモデル写真の組み合わせで独特の世界観を演出する

「Eva」というアーティストさんのアパレルブランド「harapeco商店」のホー …