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

Homepage Design

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

WEBメディア

デザインと動作のクオリティが非常に高い「FastGrow」

テクノロジー領域で活躍中の起業家・経営者のインタビュー記事を配信するメディア。デザインや動きのクオリティが非常に高く、数あるデザインをまとめてきた中でも、トップクラスにクオリティが高い。 一覧ページ 連載記事、通常の記事、イベン...

WEBメディア

東京都港区南青山2-11-17

WEBメディア

1カラムで構成されたオシャレなWebメディア「PR Table」

PR Tableは企業や団体がPR・HR・IRなどの目的で記事を投稿できるサービス。単なる宣伝をするような内容ではなく、主に企業のブランディングとして活用されており、記事を読んでいてもユニークで面白いメディア。 このメディアは下記の記...

WEBメディア

東京都渋谷区道玄坂1-19-9

WEBメディア

3カラム構成の動作が美しいWebメディア「BTCN」

ビットコイン、ブロックチェーン、仮想通貨などの情報を取り扱うニュースメディア。 3カラムで構成されており、右側はグローバルメニュー、中央は仮想通貨のマーケットのリアルタイム情報、メルマガ登録、広告、人気記事、左側はピックアップ記事と各...

WEBメディア

東京都品川区西五反田7-20-9

WEBメディア

無駄な装飾がないシンプルなWebメディア「BNL」

名刺管理サービス「Eight」が運営する、ビジネスネットワークを活用した新たな可能性を探るメディア。 「WIRED」と同様、白と黒でシンプルにデザインされており、ホワイトスペースを十分に活用して、かっこいい印象を与えている。 ...

WEBメディア

東京都渋谷区神宮前5-52-2

WEBメディア

スタイリッシュなWEBメディア「WIRED」

最新のテクノロジーや先端科学といった「未来のトレンド」を発信するアメリカ発のメディア。 白と黒のシンプルなデザインだが、写真のクオリティが高く、ホワイトスペースを活用し、かっこいい印象を与えている。フォントはMacにデフォルトで入って...

WEBメディア

東京都渋谷区渋谷2-11-8

WEBメディア

UI・UXの完成度が非常に高い「生活定点」のデザイン例

博報堂の研究所が24年分の生活者の観測データ約1,500項目を公開しているメディア。 丸みを帯びたフォントで、メインビジュアルはポリゴン状の幾何学模様が動作し続け、視覚的に定点観測というメディア色を高めている。こういったアニメーション...

WEBメディア

東京都港区赤坂5-3-1

工務店・建築

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

東証一部に上場しているオフィス空間をデザインする会社で、一見採用サイトのような印象を受けるホームページ。 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 2 3 4 5 6 7

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

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