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

fashion

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

税理士

札幌市にある黒をテーマカラーにした税理士のホームページデザイン例

黒を基調としたグローバルナビゲーションとメインビジュアルから、経験に裏打ちされた確かな実績を感じさせるトップページ。 基本に忠実に、コンバージョンに繋がる導線はヘッダーやフッターに常時見やすく掲載されている。特にスマートフォン向けのト...

税理士

北海道札幌市中央区大通西14丁目1番14号 NEO BLD.2F

法律事務所・弁護士

とにかくクオリティが高い法律事務所のホームページデザイン例

今まで色々とホームページのデザインをまとめてきたが、間違いなくトップクラスにクオリティが高いホームページ。 単純なデザインだけでなく、メニューのドロップダウン、ニュースのタブ切り替え、マウスオーバー時の動作など、Javascript側...

法律事務所・弁護士

東京都千代田区大手町1-1-1 大手町パークビルディング

飲食店・レストラン

イラストを効果的に使った居酒屋のホームページデザイン例

店内で魚釣りが楽しめる、変わったコンセプトの居酒屋「釣船茶屋ざうお」のサイト。ファーストビューを飾るのは、子供が描いたような楽しげな魚のイラスト。 トップページにアクセスすると動画が再生され、店舗のコンセプトを分かりやすく伝えている。...

飲食店・レストラン

福岡県福岡市博多区博多駅南6-6-33

飲食店・レストラン

エフェクト満載の料理店のホームページデザイン例

日本料理店「かが万」のトップページは、縦長のレイアウトが主流の昨今においては特徴的で、スクロールをさせない作りになっている。 ユーザーは動きを止め、大きく表示された料理の写真にくぎ付けとなるだろう。トップページの写真にはキャッチコピー...

飲食店・レストラン

大阪府大阪市北区堂島1-2-33 坂ビル3F

法律事務所・弁護士

アディーレ法律事務所のホームページデザイン例

過払い金のCMで一躍有名になったアディーレ法律事務所のホームページ。大手ということもあり、ページ数を調査したところ(2018年12月現在)、3,310 件 ものページが確認できた。イラストが多用されたデザインとなっており、弁護士という難しい...

法律事務所・弁護士

東京都豊島区東池袋3-1-1 サンシャイン60

法律事務所・弁護士

銀座にあるクオリティの高い法律事務所のホームページデザイン例

最近では珍しくトップページから2カラムの構成となっているホームページ。最近ではグラデーションを使ったデザインは少ないが、至ところにグラデーションが活用されている。 ファーストビューでは5人のスタッフの顔写真とロゴを使ったバナーを前面に...

法律事務所・弁護士

東京都中央区銀座2-12-3 ライトビル6階

法律事務所・弁護士

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

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

法律事務所・弁護士

神奈川県横浜市中区桜木町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

1 2

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

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