オシャレなホームページ・Webサイト事例

fashion

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

工務店・建築

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

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

工務店・建築

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

工務店・建築

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

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

工務店・建築

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

工務店・建築

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

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

工務店・建築

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

工務店・建築

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

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

工務店・建築

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

工務店・建築

安心感のある不動産会社のホームページデザイン事例

画面全体に写真を大きく使用しており、広がりを感じられるトップページ。 グローバルナビゲーションが控えめに設置されており、コンテンツをじっくり読ませるような作りだ。見出しパーツの種類が多く、汎用的なパーツではなくページコンテンツごとに目...

工務店・建築

愛知県名古屋市昭和区塩付通一丁目11番地1

工務店・建築

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

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

工務店・建築

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

工務店・建築

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

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

工務店・建築

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

Web制作会社

安心感・信頼感のある制作会社のコーポレートサイトのデザイン例

白色を基調に、青色をアクセントとしたすっきりと見やすいサイト。メインビジュアルのスライダーは、見出しと画像の動くタイミングに変化をつけることで、ユーザーの関心を引くような動きになっている。 各サービス紹介ページは、アイコンを使って分か...

Web制作会社

東京都目黒区中目黒3-6-4 中目黒NNビル4F

Web制作会社

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

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

Web制作会社

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

Web制作会社

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

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

Web制作会社

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

Web制作会社

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

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

Web制作会社

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

Web制作会社

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

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

Web制作会社

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

コーポレートサイト

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

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

コーポレートサイト

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

税理士

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

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

税理士

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

税理士

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

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

税理士

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

税理士

流線形のナビが特徴的な税理士のホームページデザイン例

流線形のグローバルナビゲーションが特徴的なサイト。 アーチ状になったナビゲーションが視線上に動きをつけ、飽きのこないデザインとなっている。メインビジュアルには写真を使うサイトが多いが、このサイトではトリミングされた写真と、デザインされ...

税理士

東京都品川区大井1-7-6 THビル

税理士

都会的でスマートな印象の税理事務所のホームページデザイン例

メインビジュアルや、各ページの上部に設置された写真は都会的でスマートな印象を与える。ヘッダー・フッターに並ぶ要素がほぼ同じで、ページの最下部までスクロールしてもページ冒頭と同じアクションを起こせるようになっている。 全ページ、フッター...

税理士

東京都中野区東中野1-56-1大島ビル本館402号室

税理士

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

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

税理士

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

税理士

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

深い青を基調とした、信頼感を与えるトップページ。ファーストビューにはスタッフの集合写真が掲載されている。問い合わせを行うユーザーにとって、実際に担当してくれる人の顔がサイトで見られると、安心感があるだろう。 トップページのデザインは写...

税理士

東京都千代田区平河町2-11-2 平河町グラスゲート8階

税理士

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

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

税理士

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

1 2 3

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

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