ホームページのデザイン例

Homepage Design

思わず参考にしたくなるような、高クオリティなホームページのデザイン事例

工務店・建築

デザイン性が高い株式会社イトーキのホームページデザイン例

東証一部に上場しているオフィス空間をデザインする会社で、一見採用サイトのような印象を受けるホームページ。 2016年頃から、メインビジュアの写真の明度を落として、キャッチコピーを白抜き文字で配置する、というデザインが流行っているが、可...

工務店・建築

東京都中央区入船3-2-10

工務店・建築

シンプルながらも動作が美しい東急建設株式会社のホームページデザイン例

緑色をテーマカラーとしたホームページで、下層ページは2カラムで構成されている。 メインビジュアルの部分の写真は左右にスライドしつつ、パララックス(下にスクロールしても写真が移動しない仕組み)になっており、レスポンシブ対応している。 ...

工務店・建築

東京都渋谷区渋谷1-16-14

学校・大学

シンプルな名城大学のホームページデザイン例

使っている色はピンクに近い赤の一色のみで、シンプルでかっこいい名城大学のホームページ。 トップページにある「FACULTIES」や「MEIJO MAG」といったタイトルはWEBフォントを使って、それぞれ違う文字で表現していたり、下にス...

学校・大学

愛知県名古屋市天白区塩釜口1丁目501番地

学校・大学

赤系統の色で統一された神戸女子大学のホームページデザイン例

赤系統の色で統一された、神戸女子大学のホームページ。メインビジュアルの写真は一定時間ごとに切り替わるようになっている。1カラムで構成され、レスポンシブでスマホ対応化している。 大人でクールな女性の写真が使われているせいか、どこかのブラ...

学校・大学

兵庫県神戸市須磨区東須磨青山2-1

学校・大学

横浜市立大学のホームページデザイン例

黄緑色でシンプルにデザインされたホームページ。全体的に余白が広く取られており、レスポンシブ対応している。下層ページでは最近よく見かける、写真にわざと被るようにタイトルを表示している。 少し余白を取り過ぎて間延びしてる感があるが、ごちゃ...

学校・大学

神奈川県横浜市金沢区瀬戸22-2

学校・大学

東京農業大学のホームページデザイン例

全て2カラムで構成されており、左側のカラムはウィンドウの高さで固定されてスクロールできないようになっている。他ページへ遷移すると、左側のメニューはそのページに応じた写真とキャッチコピーが表示され、まるでパンフレットを読んでいるような気になる...

学校・大学

東京都世田谷区桜丘1-1-1

学校・大学

日本大学生の食品ビジネス学科特設サイトのデザイン例

アイコンが多用されたポップで可愛らしいホームページ。 メインビジュアルは最初表示されずに、おにぎりが転がって来て、いくつかのスライド写真が表示される仕組み。スライド写真の切り替えのアニメーションも他では見ないような特徴的な動き方をして...

学校・大学

神奈川県藤沢市亀井野1866

学校・大学

赤色でデザインされた統一感のある甲南女子大学のホームページ例

赤色一色でデザインされた統一感のあるシンプルなホームページ。 5秒ごとに生徒と思われる、凛々しい女性の写真が切り替わるようになっており、その下の関連サイトのバナーや、さらにその下の新着情報では全てスライドするようになっており、全体的に...

学校・大学

兵庫県神戸市東灘区森北町6-2-23

学校・大学

中央大学の受験生特設サイトのデザイン例

赤と黒の対比がかっこいい、中央大学の受験生向けのホームページ。 左側のロゴの赤色部分はスマホで閲覧した際に最上部に移動する仕組みになっており、グローバルナビゲーションはPCでは5つあるのが、スマホでは2つに減るようになっている。 ...

学校・大学

東京都八王子市東中野742-1

整体・整骨院

ポップで明るい文京区の整骨院のホームページデザイン例

メインビジュアルはポップな、明るい印象を与えるデザインになっており、高齢者層を意識してか全体的に文字サイズが大きくなっている。情報量が多いものの、色や装飾を上手に使っているおかげか重たくなり過ぎず、自社の強みを的確にアピールできている。 ...

整体・整骨院

東京都文京区大塚1-4-15

整体・整骨院

中国鍼灸のホームページデザイン例

メインビジュアルでは施術風景の中国絵画を中心に、右側にキャッチコピー、左側にロゴとメニューという独特な構成になっている。中国のイメージカラーでもある赤色が効果的に使われており、フォントも中国風になっていたりと、非常に凝った作りになっている。...

整体・整骨院

大阪府大阪市都島区中野町5丁目3-13

整体・整骨院

黄色一色でデザインされた整骨院のホームページデザイン例

黄色一色でデザインされたホームページで、トップページはLPのような構成になっている。こういった業界では「業界 × 地域」の検索ワードの対策が非常に重要になるが、せっかく上位を獲得できてもトップページに魅力がないと直帰率が高くなってしまう。 ...

整体・整骨院

愛知県尾張旭市印場元町5-3-23

整体・整骨院

「和」を感じさせる整骨院のホームページデザイン例

文字の装飾が非常にユニークで「和」を感じさせるホームページ。メインビジュアルでは縦書きのキャッチコピーがスライドする写真に重なるように配置されており、目に留まりやすいデザインになっている。 ロゴの左右に表示されている「整体院?アロマサ...

整体・整骨院

大阪府高槻市富田町1-7-16

整体・整骨院

岡山市にある整骨院のホームページデザイン例

ロゴがサイト中央真ん中に大きく表示される構成で、全体的にフラットでシンプルなデザインとなっている。各ブロックは角丸になっていたり、丸文字になっていたりするため、柔らかい、優しい印象を与えている。 各グローバルナビゲーションはマウスオー...

整体・整骨院

岡山県岡山市南区並木町1丁目15-9

病院・クリニック

桜色が可愛い鍼灸サロンのホームページデザイン例

写真のトリミングがユニークな鍼灸サロンのホームページ。メインビジュアルの写真はカルーセル(横に自動移動)で構成されており、木を活用した温もりのある院内の写真が暖かい印象を与えている。フォントにもこだわっており、テーマカラーがピンク色というこ...

病院・クリニック

奈良県奈良市学園大和町1-58-1

美容室・美容院

とにかく面白い動きをする美容室のホームページ

とにかく動きのある面白いホームページで、以下のようにあらゆる部分が動いて表示される仕組みになっている。 メインビジュアルの写真はスクロールしても固定されるパララックスの仕組で、一体どうやって作っているのか制作側の人間でも良くわ...

美容室・美容院

神奈川県川崎市中原区新丸子東2-924-6

美容室・美容院

パララックスが面白い美容室のホームページ

下にスクロールしていくと、それぞれ固定された背景写真が表示される仕組みになっており、パララックスの構成が非常に面白いホームページ。以下、スクロールした際の実際の動作。 ページは1ページのみとなっており、「ブログ」カテゴリがある...

美容室・美容院

大阪府大阪市中央区北浜東1-17

エステ・サロン

スタイリッシュなエステサロンのホームページデザイン例

メインビジュアルの写真が美しいエステサロンのホームページ。オレンジ色が暖かい印象を与えつつラグジュアリーな雰囲気を与えている。 線の使い方が美しく、制作側としても、こんなやり方があるのかぁと感心させられる。また全体的に文字が小さく、ス...

エステ・サロン

東京都渋谷区恵比寿4-3-1

エステ・サロン

大阪市にある高級ホテルのようなエステサロンのホームページデザイン

待合室、施術台、エステ風景の写真が画面いっぱいにスライドして表示され、高級ホテルのような印象を受けるホームページ。全体的にラグジュアリーなデザインで、レスポンスではないがスマホにも対応している。 下層ページでは2カラムで構成されたデザ...

エステ・サロン

大阪府大阪市北区豊崎3-19-3

税理士

渋谷区の会計事務所の清潔感があるホームページデザイン例

キャッチコピーの「お客様の期待に応える」は文字が透過しており、背景のスライドする写真に伴って色が変わる仕組みになっている。レスポンス対応するためか、全体的に装飾がシンプルで余白が広く取られている。 各見出しでWebフォントが使われてお...

税理士

東京都渋谷区恵比寿西 1-20-2

1 2 3 4 5

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

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