オシャレなホームページ・Webデザイン事例

fashion

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

法律事務所・弁護士

インタラクティブでクオリティが高い秀逸な弁護士のホームページデザイン例

インタラクティブな動き、レイヤーずらし(わざと文字を写真からずらして配置する手法)、斜め線など、最近流行りのデザイン手法を全て盛り込んだような、非常にクオリティの高いホームページ。青色で統一されており、レスポンシブデザインなのでスマホにも対...

法律事務所・弁護士

神奈川県横浜市中区桜木町1-1-7 ヒューリックみなとみらい10階

工務店・建築

モダンでかっこいいガーデン株式会社のホームページデザイン例

サイトアクセス時、グローバルナビゲーションが降りてくる表現が印象的。またこちらのホームページの随所で使われている表現法だが、メインビジュアルや施工事例に見せたい情報を大胆に配置してきている。パッと目に飛び込む情報量の多彩さは、モダンな雰囲気...

工務店・建築

京都府京都市北区小山西大野町78

WEBメディア

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

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

WEBメディア

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

WEBメディア

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

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

WEBメディア

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

WEBメディア

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

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

WEBメディア

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

工務店・建築

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

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

工務店・建築

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

工務店・建築

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

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

工務店・建築

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

学校・大学

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

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

学校・大学

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

学校・大学

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

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

学校・大学

神奈川県藤沢市亀井野1866

整体・整骨院

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

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

整体・整骨院

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

整体・整骨院

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

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

整体・整骨院

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

病院・クリニック

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

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

病院・クリニック

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

美容室・美容院

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

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

美容室・美容院

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

エステ・サロン

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

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

エステ・サロン

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

税理士

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

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

税理士

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

法律事務所・弁護士

斜めラインが印象的なかっこいい法律事務所のホームページデザイン例

ヘッダー部分の斜めラインが印象的なホームページ。代表者の写真はスライドで切り替わる構成で、その写真に重なるように最初のコンテンツが配置されている。「相談の流れ」ではスクロールしても写真が固定する技術「パララックス」を取り入れており、ページ遷...

法律事務所・弁護士

広島県広島市中区基町5-44

病院・クリニック

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

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

病院・クリニック

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

病院・クリニック

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

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

病院・クリニック

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

病院・クリニック

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

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

病院・クリニック

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

病院・クリニック

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

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

病院・クリニック

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

1 2

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

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