レスポンシブなホームページ・Webデザイン事例

responsive

レスポンシブなホームページ・Webデザインをお考えの方へ
配色や構成などのデザインが参考になるホームページ・Webサイトをまとめました

法律事務所・弁護士

西新宿にある緑色をメインカラーにした法律事務所のホームページ

明るい緑色をメインカラーとし、親しみやすいデザインを基調としたサイト。サービスの幅が広く、一見するとカラフルなサイトのようにも見えるが、主要カラーである緑色・黄緑色を中心としたデザインになっている。赤や黄色の警告色は相談予約などのコンバージ...

法律事務所・弁護士

東京都新宿区西新宿2-6-1 新宿住友ビル46階

法律事務所・弁護士

神戸市にあるシンプルな法律事務所のホームページデザイン

弁護士による相続相談所のサイト。トップページではスタッフの写真を大きく掲載している。個人のプライベートな相談事に応える相談所として、スタッフの顔が見えることは重要だ。 複雑多岐にわたる相続という性質上、文字数が多くなるのは致し方ないと...

法律事務所・弁護士

神戸市中央区東町123-1 貿易ビル8階

工務店・建築

写真で直感的にサービスを伝える和風なデザインの塗装会社

足立区の塗装会社。メインビジュアルには実際に使用されているハケやペイントローラーの写真が大きく表示され、外壁塗装というサービスを直感的に感じさせる。一枚一枚の写真が大きく、サービス内容が明解で分かりやすい。 スマートフォンユーザーを主...

工務店・建築

東京都足立区西伊興4-4-6

工務店・建築

メリハリが印象に残る赤色の建築会社のホームページデザイン

トップページでは画面枠いっぱいに動画を掲載している。模型や設計図のようなモチーフを見せ、空間づくりを行う会社らしいイメージだ。 斜めのラインで見せるグローバルナビゲーションは比較的大きく、ファーストビューでは画面下に表示されているが、...

工務店・建築

東京都渋谷区鶯谷町12-5 大芦ビル2階

工務店・建築

安心感のあるクリニックのホームページデザイン事例

ファーストビューにはコーポレートロゴの十字マークを散りばめ、明るい印象が与えられるサイト。 メインビジュアルや各ページ冒頭のイメージ写真は、孤を描いた形にトリミングされ、末広がりで写真に奥行きを与えている。これもロゴマークを元にしたあ...

工務店・建築

東京都渋谷区恵比寿西1-10-10若葉西ビル3F

工務店・建築

スタイリッシュでかっこいい建築会社のホームページデザイン

揺れ動くカーテンの動画が、心地よい風を感じさせる上品なトップページ。 ページのローディングアニメーションが滑らかで美しく、スクロールやページ遷移の待ち時間にも心地よさを感じさせる。 写真一点一点のクオリティも高いが、トリミングと...

工務店・建築

東京都渋谷区神宮前5-40-10 METROCA(メトロサ)204

工務店・建築

洗練されたパララックスなホームページのデザイン例

都会的で洗練されたデザインのサイト。スクロールに合わせてコンテンツが背景の上を滑っていくようなパララックスデザインが実装されている。 スクロールの動きに合わせてコンテンツが浮き上がるように表示され、数字の読み込みなどもアニメーションが...

工務店・建築

東京都港区赤坂1-1-14 野村不動産溜池ビル4F

工務店・建築

余白の使い方が美しい先進的なデザインのコーポレートサイト

余白を活かし、文字の形に写真を切り取った処理が印象的なトップページ。 ファーストビューにはナビゲーションが入らないように調整されており、キャッチコピーを強く印象付ける。スクロールしていくとグローバルナビゲーションが現れ、サイト内の各コ...

工務店・建築

新潟県新潟市中央区関新1丁目4番10号

工務店・建築

株式会社東宝ハウスホールディングスのホームページデザイン例

横長のモニタでも画面幅いっぱいにコンテンツが表示され、訴求力の高いトップデザイン。メインスライドは静止画だが、スライドする毎に写真の読み込みにアニメーションが入るため、単調でなく先進的な印象が与えられる。 斜めに青色のラインが入るトッ...

工務店・建築

東京都新宿区西新宿2-6-1

工務店・建築

型にはまらないユニークなデザインのコーポレートサイト

サイトを開いてまず目に入るのは、自社商品が提供する価値を伝える動画。動画の上にキャッチコピーが乗り、切り替わり流れる動画に合わせてコピーライティングも変更するという工夫がされている。 トップページを訪れたユーザーは、次々と展開されるメ...

工務店・建築

東京都渋谷区神宮前1-19-19 2F

Web制作会社

シンプルに情報のまとまったコーポレートサイトのデザイン例

コーポレートカラーの緑色をアクセントにしながら、シンプルに情報のまとまったサイト。 強みを分かりやすく図解したイラストや、文字の強弱をつけた見出し・本文など、全体的に賑やかな要素も多いのだが、パーツの色味が落ち着いており緑色がメインと...

Web制作会社

東京都豊島区東池袋1-47-3 17 山京ビル402

Web制作会社

立体的な動きが印象深いコーポレートサイトのデザイン例

マウスの動きに合わせ、カラフルなドットが立体的に動くトップページ。そのアニメーションに合わせ、キャッチコピーもリアルタイムにタイピングするような動きで表現されており、テクノロジーの企業であることが上手く表現されている。 スクロールして...

Web制作会社

東京都品川区東五反田3-5-9

Web制作会社

ファッション誌のようなオシャレなコーポレートサイトのデザイン例

まずサイトを開いて、英字の印刷物のような背景のテクスチャーや枠組み、ブラックレター書体のロゴと、それに合わせるように配置されたセリフ書体のフォント、そして筆のタッチを残すようなイラストが印象深い。 ぱっと見て、企業のサイトであるという...

Web制作会社

東京都中野区中央3-1-25 コスモ新中野B1

Web制作会社

2カラム構成のシンプルなコーポレートサイトのデザイン例

グローバルナビゲーションを左側に固定配置したサイト。モニターが長大化する昨今において、横長の画面を上手く利用するレイアウトだ。 コーポレートロゴの緑色をポイントで使いつつ、青・緑系統の色で全体的に優しい色合いで構成されている。各ページ...

Web制作会社

東京都中央区銀座1丁目19-8 銀座サクラビル5F

Web制作会社

赤色と白を基調とした華やかなコーポレートサイトのデザイン例

桜の花をモチーフに、赤色と白を基調とした華やかながらも落ち着いたイメージのあるサイト。 コーポレートロゴを縦長に使い、ヘッダー、フッターエリアからはみ出すように配置することで、レイアウト上のアクセントになっている。 サービスの強...

Web制作会社

愛知県名古屋市中区栄5-16-14 新東陽ビル4F

Web制作会社

ブルーとオレンジを随所に使ったクールなホームページデザイン例

多言語マーケティングを売りにしている企業サイト。多様な国籍の従業員が微笑みかける動画をメインビジュアルとし、海外向けマーケティングパートナーとしての土台の確かさを訴求している。 横長のモニターでも画面幅いっぱいにコンテンツが表示され、...

Web制作会社

東京都新宿区大久保1-1-7 高木ビル3F

Web制作会社

風船が印象的なポップな制作会社のホームページデザイン例

カラフルな風船を持った写真がメインビジュアルを飾るトップページ。サイトの背景にも風船が飛ぶようなアニメーションが動いている。ヘッダーやフッターなど随所に風船の写真が掲載されており、サイト全体を通して楽しげな空気を感じられる。 グローバ...

Web制作会社

東京都渋谷区道玄坂1丁目16-7 渋谷ハイウェービル10F

Web制作会社

コーポレートサイトの参考にしたい制作会社のホームページデザイン例

ファーストビューにはビジネスシーンを思わせる動画を掲載。スクロールに合わせてコンテンツが動画の上を流れるほか、ボタンや見出しを枠からはみ出すように配置するレイアウトにより画面を立体的に見せている。 ページ遷移時には画面読み込み中である...

Web制作会社

東京都新宿区新宿4-3-25 TOKYU REIT 新宿ビル4F

Web制作会社

本を見ているかのような制作会社のホームページデザイン例

グローバルナビゲーションを画面左に配置したレイアウト。スクロールすると画面右側のコンテンツだけが流れるようにできており、画面左側でページのコンセプトを伝え、右側で情報を伝えるというスプリットスクリーンレイアウトを採用している。横長のPCモニ...

Web制作会社

東京都中央区銀座3-15-10 菱進銀座イーストミラービル5階

Web制作会社

ひよこが印象的なポップな制作会社のホームページデザイン例

ひよこのようなキャラクターが可愛く印象的なトップページ。キャラクターの視線はマウスに追従するように動くほか、マウスオーバーするとぷるぷる震えるアニメーションが実装されている。このキャラクターはサイトの随所に用いられており、ポップで楽しげな印...

Web制作会社

静岡県静岡市葵区伝馬町10-25 中央ビル90 6F

1 2 3 4 5

結果に拘ったホームページ制作会社「AltBase LLC.」

作成しただけでは意味がないホームページ。弊社では結果に拘った成果の上がるホームページを制作いたします。見積もりは無料なのでお気軽にお問合せください。