【Web Design】華やかな印象の結婚式・ブライダル・ウェディング系のウェブサイト × 11選

Ads by Google

ウェディング系の優れたウェブデザインを調査する機会があったのでメモします。
華やかな印象のウェブサイトを11個、集めました。

first film

Wedding Web Design : First Film

結婚式の動画制作を行う[first film]のランディングページです。
オフィシャルサイト(http://www.first-film.com)のほうも洗練されていて素敵ですね。
BGMが流れますのでリンクをクリックする際はご注意を。

http://www.first-film.com/lp/

ラソール ガーデン・大阪

Wedding Web Design : Lazor Garden

黒背景のデザインで高級感が漂っていますね。

http://www.lazor-osaka.jp

東京ステーションホテル ウエディング

Wedding Web Design : Tokyo Station

東京ステーションホテルの特設サイトです。トップページでは、メインの写真の邪魔をしないように、メニューが下からスライドして表示されます。

http://www.tokyostationhotel.jp/wedding/

Hiromi Sekiguchi

Wedding Web Design : Hiromi Sekiguchi

ウェディングフォトグラファー関口洋美様のウェブサイト。マウスコントロールによるスクロールを制御して、簡単なパララックスエフェクトを実装しています。

http://hiromisekiguchi.com

Sayako Kakushin

Wedding Web Design : Sayako Kakushin

こちらも同じく、ブライダル系のフォトグラファー[角心 紗矢子]様のポートフォリオサイトです。
ローディングのエフェクトも凝っていて、しっかり細部まで作り込まれている非常に完成度の高いウェブサイトです。

http://sayakokakushin.com

TAKAMI BRIDAL

Wedding Web Design : Tatami Bridal

ウェディング・ドレスを扱う[TAKAMI BRIDAL]の特設サイト。
美しいドレスを引き立てるシンプルなデザインが素敵です。

http://costume.takami-bridal.com

ザ・コーラルリーフチャペル

Wedding Web Design : Coral Reef Chapel

パララックス・エフェクトを採用しています。楽しそうな写真が満載で、見ているだけで幸せな気持ちになりますね。

http://coralreefchapel.com

京都神社婚

Wedding Web Design : Kyotojinjakon

こちらは一転して純和風のウェブデザイン。ロゴも可愛いですね。

http://www.kyotojinjakon.jp

晴レの日

Wedding Web Design : Harenohi

続いてこちらも純和風のデザイン。Retinaディスプレイに対応していない点がちょっと残念です。

http://www.harenohi.cc

IMPERIAL WEDDINGS 帝国ホテル東京

Wedding Web Design : IMPERIAL WEDDINGS

よくあるオーソドックスなレイアウトですが、レスポンシブデザインに対応しておりバランス良く仕上がっています。初心者のお手本として相応わしいウェブデザインではないでしょうか。

http://www.imperialhotel.co.jp/j/tokyo/wedding/

PRONOVIAS プロノビアス

Wedding Web Design : Pronovias

最後に紹介するのはウェディング・ドレスの[PRONOVIAS]のウェブサイトです。
レスポンシブ対応で、ウィンドウの幅によってレイアウトが大きく変わります。またフッター部分では背景動画を挿入し、細部まで凝った構成になっています。

http://www.pronovias-jp.com

まとめ

予想通り、華やかなイメージを前面に打ち出し、美しい女性モデルを起用しているサイトが多いですね。
背景に動画を利用しているサイトも目立ちました。

業界での競争が激しいためか、ここで紹介した以外にも素晴らしいサイトをたくさん見つけました。
ちょっと「地方名」や「県名」と「ウェディング」などのキーワードを組み合わせて検索するとスグにヒットします。

デザイン制作の参考にしてくださいね。

こちらの記事もいかがですか?

アナタにオススメ!
同じカテゴリーの他の記事です。

Ads by Google