WebGallery

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

*

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

   

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

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

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

 - 写真で表現 , ,

  関連記事

コンテンツの切り替えで雪を表現する

北海道上川郡美瑛町にある「展望花畑 四季彩の丘」のホームページです。 白黒とアク …

写真や配色の白面積を多くして、清潔感を出している木々に囲まれたリハビリテーション病院

千葉県成田市にある「 成田リハビリテーション病院」のホームページです。 ファース …

冬の夜の静まり返った雰囲気を、画面いっぱいに表示される星空や雪のアニメーションを使って表現

2016年6月に、京都府南丹市にある宿泊や日帰りでの温泉が楽しめる温浴宿泊施設「 …

背景に写真をたくさん使用して、ログハウスの雰囲気を伝えているカフェ&スクール

東京都荒川区西日暮里にあるスイス風ログハウスのカフェ&スクール「CHAL …

シネマグラフを使った写真が印象的!「京都 宇治 伊藤久右衛門」のサイト

「京都 宇治 伊藤久右衛門」のホームページです。 ファーストビューのスライダーが …

キャッチコピーで見る人の心を掴む!KOSEの「feliscent」

KOSEの取り扱い商品「feliscent(フェリセント)」のホームページです。 …

見出しにアニメーションをつけてインパクトを出す

茨城県の「キャピタルマリーナ」のホームページです。トップページの波の形を連想させ …

写真を最大限に利用して、雰囲気を味わえる教会

長野県軽井沢にある、「軽井沢高原教会」のホームページです。 三角の形をした特徴的 …

情報量を抑え、写真で見せるレストランのサイトが大人の雰囲気でとても綺麗!

神奈川県鎌倉市にあるフレンチレストラン「古我邸」のホームページです。 ファースト …

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

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