サイトを開くと結婚式のシーンを捉えた写真で構成されたスライドショーがまず表示され、画面をスクロールするとキャッチコピーが目に入ります。スライドショーの下からフッターまで緩やかな曲線のラインが一筋繋がっており、その上に写真や文章が自由に散りばめられたレイアウトです。タイトルは万年筆で書いたような英語フォントで書かれ、日本語訳が小さく添えられており、鮮やかなブルーがページ全体のアクセントとなってさわやかな印象を与えます。式場マッチングの流れは説明文にイラストアイコンを添えて、挙式当日までの流れを順を追って案内しています。
執筆者
カテゴリ
基本情報
ウェディングに関連するデザイン
-
「ビストロやま_ウェディングサイト」のホームページデザイン解説メインビジュアルは結婚式の写真を画面いっぱいに配置し、その上に帯を敷いてキャッチコピーを重ねています。コンテンツはホワイトとベージュの背景が交互に入れ替わり、シンプルな1カラムのレイアウトで、コンテンツの切り替え部分に写真の帯を配置し、お問...
-
「結婚式場 ラ パルティール」のホームページデザイン解説サイトを開くと画面いっぱいに結婚式の風景をまとめたスライドショーが表示され、左下に帯を敷いてキャッチコピーを配置しています。赤みがかったベージュをベースにした色使いで、タイトルはクラシカルな英語フォントで上品さを、手書き風のフォントやイラス...
-
「有限会社 ハッピーロード」のホームページデザイン解説メインビジュアルはカップルの笑顔の写真の左側にホワイトのグラデーションが重ねられ、写真の上に重ねたキャッチコピーが読みやすくなっています。また、会員数をラベル風にレイアウトしてサービスへの信頼感を感じさせます。ホワイトと淡いグレーの背景がコ...
サービスサイトに関連するデザイン
-
「島田工房」のホームページデザイン解説メインビジュアルは3枚の指輪着用シーンで構成されたスライドショーで、写真の片側にグラデーションをかけることで上に配置したキャッチコピーを読みやすくし、同時に穏やかな空気を感じさせます。コンテンツの切り替え部分は帯状にトリミングした写真を配置...
-
「株式会社中島利七_利七屋」のホームページデザイン解説メインビジュアルは店舗の内観と取り扱い商品のアップ写真で構成されたスライドショーで、中央には店舗名、左上には営業時間と連絡先が記載されています。オレンジをアクセントカラーにしたフラットなデザインで、タイル状に並べられたコンテンツのサムネイル...
-
「坂井輪幼稚園・坂井輪東幼稚園」のホームページデザイン解説画面中央に配置された建物の写真は背景にイエローの帯を敷き、写真を囲むようにドットのテクスチャを施した円を配置した、ポップな印象のファーストビューです。柔らかいイエローを中心にブルーやグリーンのドットのテクスチャを取り入れ、画面上端にはガーラ...
ブルーを使ったデザイン
-
「平安セレモニー株式会社_セレモニーホールへいあん」のホームページデザイン解説メインビジュアルは女性二人の会話を捉えた写真に、丸みのあるフォントで縦書きのキャッチコピーを重ねています。くすんだブルーを差し色にしたシンプルな1カラムのレイアウトで、画面スクロールとともにコンテンツがふわりと浮かび上がる効果をかけて穏やか...
-
「株式会社ケィ・ユーシステム」のホームページデザイン解説メインビジュアルのスライドショーは、シンプルなラインで描かれたイラスト、紙で作られたトラックの模型など様々なテイストの写真を用いて企業の魅力を紹介しています。鮮やかなブルーをメインにしたさわやかな色使いで、アイコンやリンクボタンに使われたイ...
-
「株式会社伊藤製作所」のホームページデザイン解説ファーストビューは画面いっぱいに配置された写真の上にテキストを重ねたスライドショーで、テキストの下にはプログレスバーが配置されており、ローディングのタイミングとスライドの枚数が一目でわかる構成となっています。メインは1カラムのレイアウトで、...
爽やかななホームページのデザイン
- 「株式会社ケィ・ユーシステム」のホームページデザイン解説
メインビジュアルのスライドショーは、シンプルなラインで描かれたイラスト、紙で作られたトラックの模型など様々なテイストの写真を用いて企業の魅力を紹介しています。鮮やかなブルーをメインにしたさわやかな色使いで、アイコンやリンクボタンに使われたイ...
-
「弁護士法人千代田中央法律事務所」のホームページデザイン解説メインビジュアルにはスーツ姿の男性の写真を大きく使い、写真の余白を生かしてキャッチコピーを大きく配置しています。導入部分は写真を暗いトーンで配置し、ノートPCのイラストを囲むように吹き出しを配置して、誹謗中傷への悩みがないか問いかける構成で...
-
「機能改善専門スタジオ ザリフォーマー」のホームページデザイン解説メインビジュアルはパーソナルトレーニングの様子を撮影した写真の上にホワイトの帯を敷いて端をマスクで馴染ませ、その上にキャッチコピーを配置しています。すぐ下に暗いイエローの帯を敷いて、トレーニングの結果のサンプルページへと誘導しています。くす...
