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

responsive

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

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

コーポレートサイト

ポップでフレンドリーな印象を与える税理士のホームページデザイン例

明るくポップな色味で、フレンドリーな印象のあるサイト。トップページの「会社設立をお考えの方へ」ボタンなどは、マウスを載せると現れる光沢感のあるエフェクトが特徴的だ。 サービス紹介ページではテキストを箇条書きにする・アイコンを用いるなど...

コーポレートサイト

東京都目黒区鷹番2-21-11 プラザ鷹番302号

税理士

余白を効果的に使った爽やかで開放的な税理士のホームページデザイン例

白い余白を効果的に使い、爽やかで開放的な印象を与えるサイト。トップページメインビジュアルの写真白いフレームを設けたかのように余白があり、透明感がある。写真からはみ出すようにテキストが配置されているのも要素に奥行きが生まれ、デザインに立体感が...

税理士

東京都墨田区八広3-1-14

税理士

縦書きの文字を活用したオシャレな税理士のホームページデザイン例

オリジナルの写真が多く、キャッチコピーに視線を誘導するようレイアウトが工夫されているサイト。デバイスフォントでなく画像内に直接文字を書くことで、雑誌のように自由なレイアウトを実装している。 縦書きの文字や、縦長の写真が比較的多いのも特...

税理士

東京都北区浮間3-9-3

税理士

黄緑色を基調とした税理士のホームページデザイン例

黄緑色を基調とし、優しい色使いで親しみやすさを感じさせるサイト。メインビジュアルではスタッフの写真をメインに掲載し、より話しやすい雰囲気を醸し出している。 各ページの大見出しは黄緑色の背景で、下向きの三角形のような形になっているのが特...

税理士

東京都品川区南大井6丁目26番1号 大森ベルポートA館9階

税理士

板橋区にあるシンプルな税理士事務所のホームページデザイン例

ヘッダーや背景が白く、クリーンな印象を与えるデザイン。ロゴがセンタリング配置になっていることで事務所の名前をより強く印象づけている。 「料金表」ページでは、横に長い表組がスマートフォンの画面では表を分割して見やすいように配慮されている...

税理士

東京都板橋区南常盤台2-14-7 ナチュレ・シモザワ1F

税理士

昨今流行りのデザインを詰め込んだ、おしゃれな税理士法人のデザイン事例

写真を画面全体に広げず、白い余白を残すファーストビュー。写真にロゴをはみ出すように配置するなど、昨今のwebトレンドを取り入れ、画面に立体感を出すトップページだ。 写真の上に大胆にリード文を載せる、雑誌のようなレイアウトは見ていて楽し...

税理士

東京都台東区上野3丁目24-6 上野フロンティアタワー16階

税理士

新宿区にある文字組が個性的な税理士のホームページデザイン例

文字組が個性的なトップページ。ファーストビューではメインビジュアルを効果的に見せるためヘッダーの背景が透過しているが、スクロールすることで導線としての機能に特化する。電話・メールでの問い合わせボタンは大きく設けられ、スムーズにユーザーを誘導...

税理士

東京都新宿区新宿5丁目9-12 IDOshinjuku 1階

税理士

クールでかっこいい税理士のホームページデザイン例

青色を基調に、理性的でクールな印象を与えるサイト。スクロールに合わせて写真がフェードインするアニメーションが実装されており、上品な雰囲気が漂う。 スクロールに合わせてヘッダーが画面上部に追従してくることで、サイト全体の回遊性を高めてい...

税理士

東京都葛飾区金町6丁目4-1

税理士

千代田区にある親しみやすい会計事務所のホームページデザイン例

トップページでまず目に入るのは、多様な事業領域へのリンクだ。目的が明確なユーザーにとっては、情報を絞るよりも、あえて導線を全て並べる方が分かりやすいこともある。 コーポレートカラーの明るいオレンジがアイコンやボタン、テキストリンクに採...

税理士

東京都千代田区九段南4-3-1滝ビル3F

税理士

信頼感のある港区の会計事務所のホームページデザイン例

トップページにはスクロールに合わせてコンテンツが浮き上がるようなエフェクトが実装されており、洗練された印象を与える。使用されている写真も全体的にトーンの統一感がある。 特徴的なのはグローバルナビゲーションの中央に設置されたコーポレートロゴ...

税理士

東京都港区虎ノ門四丁目3番13号 ヒューリック神谷町ビル 6階

1 2 3 4 5

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

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