パララックスなホームページ・Webデザイン事例

parallax

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

法律事務所・弁護士

パララックス構成が特徴的な横浜市の弁護士のホームページデザイン

椅子に座った3人の弁護士を少し遠くから撮影した写真がファーストビューに使われており、印象に残りやすいデザインとなっている。 パララックスな構成になっており、スライド時におしゃれな印象を与えることに成功している。縦書きなど工夫されている...

法律事務所・弁護士

神奈川県横浜市中区北仲通4丁目40番地 商工中金横浜ビル4階

工務店・建築

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

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

工務店・建築

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

工務店・建築

暖かみのある株式会社アルカディアのホームページデザイン例

暖色系のテーマカラーに則った施工事例をメインビジュアルに据えているため、暖かみのある印象を受けるサイト。施主から許可をとれた物件情報を惜しげもなく掲載していることからも、ある程度高級志向の一般家庭をメインターゲットとしているのだろう。 ...

工務店・建築

愛知県名古屋市中区丸の内3-21-25

学校・大学

メインビジュアルの動画が印象に残る松本大学のホームページデザイン例

メインビジュアルではドローンで撮影されたと思われる動画がよく映えたデザインになっている。学びやすい環境を提供していることが伝わるよう、工夫していると思われる。 1スクロールしてすぐに学校のガイド情報がスライドで表示され、見やすくまとま...

学校・大学

長野県松本市新村2095-1

工務店・建築

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

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

工務店・建築

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

美容室・美容院

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

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

美容室・美容院

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

美容室・美容院

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

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

美容室・美容院

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

病院・クリニック

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

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

病院・クリニック

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

歯科医院

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

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

歯科医院

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

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

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