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

Homepage Design

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

保育園・幼稚園

兵庫県宝塚市にある保育園のホームページデザイン例

青・白・黄のコントラストが良く、全体的に丸みを帯びた可愛いデザインに仕上がっている。下層ページのサイドメニューは全て画像化されており、視認性が高いデザインとなっている。最近ではサイドメニューがない1カラムなサイトが多く、あったとしても右側に...

保育園・幼稚園

兵庫県宝塚市安倉西3丁目1-7

保育園・幼稚園

広島市にある保育園のホームページデザイン例

グローバルナビゲーションがタブの切り替えとなっており、全体的にシンプルでUI・UXが良いホームページ。構成自体は王道で見新しさがない半面、王道だから使いやすいという側面もある。 下層ページではサイドメニューが右側に表示され、メインコン...

保育園・幼稚園

広島県広島市佐伯区皆賀一丁目2番3号

保育園・幼稚園

グリッドレイアウト手法で制作された保育園のホームページデザイン例

グローバルナビゲーションに相当する部分がブロック要素として並んでおり、グリッドレイアウトと呼ばれる手法でデザインされたホームページで、スマホにも最適化している。こういったあまり例を見ない構成というのは、使い勝手が悪いと思われる場合が多いが、...

保育園・幼稚園

愛知県名古屋市西区宝地町350

保育園・幼稚園

秋田市にある手書き風な保育園のホームページデザイン例

とにかく素材感・手書き感溢れるデザインで、子供をターゲットにしていることが一目でわかるデザインになっている。メインビジュアルのスライドの工夫が面白く、ついつい写真をスライドさせてしまう。 GIFアニメーションなどが効果的に使われており...

保育園・幼稚園

秋田県秋田市泉菅野二丁目17-27

美容室・美容院

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

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

美容室・美容院

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

美容室・美容院

佐賀市にあるかっこいい美容室のホームページデザイン例

メインビジュアルはウィンドウ幅と高さいっぱいに広がり、背景には動画が流れる仕組みになっており、下にスクロールすると、視認エリアに応じてコンテンツが動きながら表示される仕組みになっており、レスポンシブにも対応している。 男心をく...

美容室・美容院

佐賀県佐賀市高木瀬西2丁目4-5

保育園・幼稚園

久留米市の幼稚園のホームページデザイン例

子供の写真のスライドを前面に持ってきた配色がオシャレなホームページ。各所でマウスオーバーに動作をつけており、見ているだけで楽しく、ワクワクするようなデザイン。写真や枠線は丸みを帯びており、ポップで優しい印象を与えている。全体的に非常にクオリ...

保育園・幼稚園

福岡県久留米市国分町215

美容室・美容院

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

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

美容室・美容院

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

エステ・サロン

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

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

エステ・サロン

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

美容室・美容院

熊本市にある美容室のホームページデザイン例

3カラム構成で真ん中のカラムはヘアモデルが縦スライダーするという、独特なサイト構成になっている。 3カラム構成にするとレスポンシブでスマホ対応するのが難しくなり、実際に現時点でこのホームページはスマホ対応していないが、情報を一度に見せ...

美容室・美容院

熊本県熊本市中央区上通町7-8ピカイチビル1F

美容室・美容院

銀座にある美容室のホームページデザイン例

白色をベースとした高級感のあるデザインで、レスポンシブ対応したホームページ。着目したいのが、グローバルナビゲーションのローマ字がWebフォントを使って表現されている点だ。 従来はオシャレなフォントを使おうとすると、画像化するしかなかっ...

美容室・美容院

東京都中央区銀座3-3-1

歯科医院

京都府八幡市にある歯医者のホームページデザイン例

緑色一色でデザインされており、シンプルながらも安心感のある高品質なホームページ。下層ページも写真が多用されており、とてもわかりやすい内容になっている。 メインビジュアルの医院長の治療中の写真のクオリティが高く、安心感や技術の高さを上手...

歯科医院

京都府八幡市八幡三本橋60-5

保育園・幼稚園

静岡県にあるイラストが可愛い保育園のホームページデザイン例

イラストが多用された非常にポップで可愛いホームページ。色数が多く見ていて楽しいデザインになっている。背景は画像を使っているが素材感があり、CSSだけでは表現できない味が出ている。 フォトアルバムというページでは、会員のみ閲覧できるよう...

保育園・幼稚園

静岡県藤枝市駿河台2-13-2

保育園・幼稚園

長崎県にあるWebフォントを活用した保育園のホームページデザイン例

各ページへ遷移した際の動作が面白く、随所でWebフォントを有効活用し、ほとんどの箇所を画像化せずにコーディングしている。Webフォントとはクライアント(閲覧者)側の環境に依存せずに、指定したフォントを表示させる技術で、これだけWebフォント...

保育園・幼稚園

長崎県雲仙市小浜町北本町207番地

歯科医院

岐阜県にある可愛い歯医者のホームページデザイン例

メインビジュアルで街のイラストが使われており、色数が多く、文字が丸みを帯びているためポップなデザインとなっている。インプラントは女性が多く利用する治療なので、恐らく女性をターゲットにデザインされたのだろうが、とても可愛いホームページに仕上が...

歯科医院

岐阜県各務原市上戸町1-1

歯科医院

京都市にある清潔感を演出した歯医者のホームページデザイン例

白を基調とした清潔感のある歯医者のホームページ。明朝体を上手く活用し、余白も広く取られていて、レスポンシブなのでスマホにも最適化している。 よくあるホームページの失敗例として、自社の強みを洗い出していくと、少しでも多くのアピールポイン...

歯科医院

京都市伏見区御香宮門前町190-4

エステ・サロン

渋谷区にあるネイルサロンのホームページデザイン例

レスポンシブで作成されたオシャレでシンプルなホームページ。写真の多用、ホワイトスペース(余白)の活用、文字の間隔の広さ、行間の高さによって、シンプルながらも決して安っぽくなっていないデザインに仕上がっている。 マウスオーバー時の色の変...

エステ・サロン

東京都渋谷区代々木2-6-8

歯科医院

盛岡市にある歯医者のホームページデザイン例

「前歯を見せて、大きな口で笑ってほしい」「あなたの未来にあわせた歯科治療を」といった、ユーザに刺さるようなキャッチコピーがつけられており、視認性が高くクオリティが高いホームページ。 ロゴが歯の形になっており、手書き風の文字や縦書きが織...

歯科医院

岩手県盛岡市神明町10-35

税理士

大阪市中央区にある税理士事務所のホームページデザイン例

メインビジュアルは代表者の写真と強みをアピールしたデザインになっている。 最近ではスマホ対応(レスポンシブ)を考慮してタイトル部分を画像化しないケースが多いが、ここは画像化している。画像化することによって、ドロップシャドウやフォントサ...

税理士

大阪市中央区北浜2丁目4番13号

税理士

心斎橋にある中小企業に特化した税理士のホームページデザイン例

中小企業に特化した税理士事務所で、メインビジュアルのビル群と売上げアップのイメージ図により、法人向けのデザインを演出している。 ベースは黒色、クリックさせたいボタンはオレンジ色で、2カラムで構成されている。かっこいいだけのホームページ...

税理士

大阪市中央区南船場3-7-27

1 2 3 4 5

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

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