温かみを感じるオレンジのグラデーション背景にキャチコピーが浮き出てきて、その2,3秒間のおしゃれな演出に目を奪われます。トップページではスライドショーで建物の写真やPR内容が表示され、こだわっている・打ち出しているポイントが明確に掲載されていてわかりやすいです。LINEやインスタグラム等のSNSコンテンツへのリンクも設置されていて、様々な方法で情報を得られる仕組みが構築されていたり、イベント情報も随時更新されていて意欲的なサイト運営がされていることを感じます。内装デザインのバリエーションもカーソルを合わせると切り替わる写真とともに詳細ページへのリンクが設置されていてスムーズにサイトを閲覧できる導線が考えられています。
執筆者
カテゴリ
基本情報
工務店に関連するデザイン
-
「西野建設工業株式会社」のホームページデザイン解説ホワイトをベースにグリーンをアクセントにしたサイトです。ファーストビューには、西野建設工業の看板や工事現場で働く社員の姿が写っています。グローバルナビにて西野建設工業の会社情報、事業内容や施工事例などを案内しています。トップページの中央に、...
-
「窓屋」のホームページデザイン解説トップページ中ほどに設置された「主なサービス内容」の項目には、それぞれのメニューに可愛らしいイラストが設置されていて、ユーザが楽しく閲覧できる設計が考えられています。ファーストビューの画像領域で切り替わる画像にもイラストが用いられていて遊び...
-
「三井のリフォーム」のホームページデザイン解説画面左側にサイトメニューがアイコンを用いて固定表示されていて、サイトの内容がわかりやすくスムーズなページ移行が可能となっています。右側のビジュアルエリアでは写真をメインに展開されていて、鮮やかなページが構成されています。リフォームガイドやコ...
サービスサイトに関連するデザイン
-
「TRIPPIN」のホームページデザイン解説海外の旅行をメインにしたコミュニティプラットフォームサイトで、隙間なく並べられた角丸長方形のサムネイルにはヒートマップ風にドットが重ねられており、記事ページに移動すると同じ色のピンがマップに重ねられています。画面左2/3がマップ、残りのエリ...
-
「Gare Centrale de Montréal」のホームページデザイン解説カナダにあるモントリオール中央駅のサイトです。メインビジュアルは３枚並んだフラットなテイストのイラストで、それぞれが駅の周辺情報・ショップガイド・運行情報への入り口となっており、マウスオーバーするとキャプションが下からせりあがってくる仕組み...
-
「stimmt」のホームページデザイン解説オランダのデザイン会社のサイトです。ファーストビューではダークな画面に流線型のグラフィックが浮かび上がり、その上にホワイトのフォントでメッセージが重ねられた画面が目を引きます。モノトーン中心の配色に鮮やかなピンクが映え、スタイリッシュな中に...
ホワイトを使ったデザイン
-
「GINZA WEDDING BOOK 25ans」のホームページデザイン解説銀座に連なるブライダル関係のショップ・ブランドをまとめたサイトです。ファーストビューでは銀座の時計台をバックに微笑むウェディングドレスを着た女性が全画面に表示された後、画面が切り替わると画面左が主要ショップのスライドショー、右はショップカテ...
-
「WEEK END」のホームページデザイン解説ファーストビューはスタイリッシュな写真と製品の切り抜き写真を切り替えるスライドショーを組み合わせてメインビジュアルとしており、スライドショーを切り替えるとビジュアルも連動して切り替わる仕組みになっています。サイトに使われている写真もモノトー...
-
「美容室MILLOR」のホームページデザイン解説ファーストビューには何ができる美容院かがしっかりと表現され、関連するイラストや写真や手書きの文字がまとめられた伝えたいメッセージが明確で理解がしやすいホームページです。その下にはLOOKBOOKと題し、様々な髪型のモデルが並んでいます。どん...
優しい・柔らかいなホームページのデザイン
-
「ぬくもりのおうち保育」のホームページデザイン解説ファーストビューの画像は複数枚用意されており左右スクロールで切り替えることができます。その下には採用に関するバナーを掲載しており目立つデザインです。「ぬくもりの理念」については大きく3つのカテゴリーで家を連想させる枠内に表記しています。全体...
-
「国本司法書士事務所様」のホームページデザイン解説トップページ最上部には電話用のボタンを用意しています。電話を連想させるイラストだけでなく電話番号や営業時間を端的に明記してありユーザーにとってわかりやすいデザインです。ファーストビュー下にはインフォメーションおよびセミナー情報が掲載されてい...
-
「正光寺保育園ホームページ」のホームページデザイン解説トップページを訪れるとまず初めにメッセージが表示されています。どんな思いで保育園を運営しているのかスムーズに読み進め理解をすることができます。各種ご紹介については各項目ごとに関連写真とボタンが用意されています。どのような内容を記載しているの...
