ホワイト・白色を使ったホームページ・Webデザイン事例

white

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

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

学校・大学

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

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

学校・大学

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

整体・整骨院

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

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

整体・整骨院

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

美容室・美容院

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

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

美容室・美容院

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

美容室・美容院

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

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

美容室・美容院

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

病院・クリニック

東大病院の求人サイトのデザイン例

着目したいのがメインビジュアルの背景。最初見たときは気づかなかったが、カラフルな空模様のデザインの色合いが徐々に変わるようになっている。メインビジュアル以外は特筆したところは特にないが、採用サイトという特性上、ファーストビューのイメージが一...

病院・クリニック

東京都文京区本郷7-3-1

病院・クリニック

福岡市にあるオシャレなクリニックのホームページデザイン例

メインビジュアルの写真はスクロールしても固定された状態で写真がスクロールされないという形になっており、この動きをパララックスと呼ぶ。パララックス(別名スクロールエフェクト)を与えることにより、奥行きや立体感を演出することができる。 ...

病院・クリニック

福岡県福岡市南区長住2丁目1-11

病院・クリニック

新宿区にある白を基調としたクリニックのホームページデザイン例

白を基調としたシンプルで清潔感のあるホームページ。メインビジュアルの3枚の写真はそれぞれのページへリンクをさせる設計になっている。1カラムで全て構成されており、各タイトル等で黄色が使われているだけで、全体的に色数が少なく統一感のあるデザイン...

病院・クリニック

東京都新宿区新宿 3-37-11

病院・クリニック

福岡県にあるオシャレな形成外科のホームページデザイン例

イラストを効果的に使い優しい印象を与えているホームページ。 ホームページの随所に動きがあり、閲覧していてワクワクするような構成になっている。左側にあるグローバルナビゲーションにマウスを載せると下記のようにアイコンにも動きをつけている。...

病院・クリニック

福岡県大野城市東大利2-4-16

病院・クリニック

福岡市にある非常に独創的なデザインのホームページデザイン例

「がんこクリニック」という名称含め、非常に独創的なホームページデザイン。メインビジュアルの写真は一定時間でスライドするようになっており、ウインドウ幅・高さいっぱいに広がるようになっている。 メインビジュアル含め、下部のページでも効果的...

病院・クリニック

福岡県福岡市博多区板付1丁目5番地9号

病院・クリニック

細部まで非常にクオリティの高いクリニックのホームページデザイン例

ファーストビューは至って普通のデザインだが、「初めての方」「メニュー」「スタッフ紹介」などの下層ページが非常に丁寧に作り込まれており、クオリティが高い。 縦書きでWebフォントを使って見出しを作成し、スマホでは横書き表示に変更したり、...

病院・クリニック

愛知県名古屋市中区金山3丁目12番5号

学校・大学

大阪医科大学のホームページデザイン例

明朝体が多用された安心感・信頼感のあるホームページデザイン。レスポンシブで設計されておりスマホにも対応している。 余白を取り過ぎているせいか、それともフォントが大きいせいか、間延びした印象になっているが、スライドに使われている写真のク...

学校・大学

大阪府高槻市大学町2番7号

病院・クリニック

熊本市にある病院のホームページデザイン例

メインビジュアルは背景写真がフェードイン表示でスライドし、キャッチコピーの「これからの医療を、ここから。」で固定して表示している。スライドする写真ごとにキャッチコピーを変えるサイトも多いが、ここは一つに絞ってスライドする写真で安心感・信頼感...

病院・クリニック

熊本県熊本市南区御幸木部1丁目1番1号

美容室・美容院

北九州市にある余白を活用した美容室のホームページデザイン例

ホワイトスペースを有効活用し、余計な装飾を一切していないためか、非常にシンプルなホームページに仕上がっている。 グローバルナビゲーションの下の余白を取りすぎているのが少し気になるが、横幅を1090pxとかなり広めに取っていたりと、とに...

美容室・美容院

福岡県北九州市若松区大字塩屋724

美容室・美容院

渋谷区にあるオーガニックにこだわった美容室のホームページデザイン例

余計な装飾を一切使わず、非常にシンプルなデザインで、オーガニック感を演出できているホームページ。 サロンからの情報を定期的に配信するために、Wordpressが導入されている。こういった定期的に配信する部分をアメブロを中心としたブログ...

美容室・美容院

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

エステ・サロン

札幌市にあるシンプルな美容室のホームページデザイン例

1カラムで構成されたシンプルながらもオシャレなレスポンシブ対応のホームページ。写真を横幅いっぱい使っている箇所が多く、メインビジュアルはスライドする形式。スマホ閲覧時はキャッチコピーのみ表示され、サブコピーは表示されなくなっている。 ...

エステ・サロン

北海道札幌市中央区北4条西28丁目1-15

1 2

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

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