各ページへの遷移時のモーションが凝っていて閲覧するのが楽しくなるような工夫を感じるサイトです。トップページでは神社の写真が表示され、境内の灯りが揺らいでいる効果が加えられています。さらにナビゲーションメニューにカーソルを合わせると背景にそれぞれ違うムービーが流れるのが凝った演出となっています。トップページをスクロールすると、画面が雲で覆われて次のコンテンツが表示される仕様になっていて、ちょっとした驚きを感じます。また各コンテンツのタイトルの文字に画面手前から飛び出してくるような効果が加えられていたり、背景では常に雲が流れているようなモーションが見られたりと、細部まで非常に凝った効果が加えられています。神社の厳かな雰囲気を反映しながらも楽しく閲覧できるサイトに仕上がっています。
カテゴリ
基本情報
葬儀に関連するデザイン
- 「仏壇ナビ」のホームページデザイン解説
グレーをベースにブラウンをアクセントにしたサイトです。グローバルナビにて宗派や仏事の解説、仏壇や仏具などを案内しています。トップページの中央に、当サイトを訪れる初めての方に読んでほしい記事を掲載しています。仏壇業界の傾向、仏壇・仏具を購入す...
- 「安楽院」のホームページデザイン解説
落ち着いたカラーのナビゲーションメニューがサイトの雰囲気を演出する要素になっていて、スムーズな閲覧が可能な設計となっています。ファーストビューの画像領域も大きく設置されていることでインパクトのある演出になっており、スライドショーで切り替わる...
- 「としまフューネス」のホームページデザイン解説
ファーストビュー画像領域上に設置されたサイトメニューの表示にはそれぞれアイコンが用いられていることで直感的に操作・選択ができる仕組みになっていて、しっかりとユーザ視点が考えられています。スクロールしていくと背景に鮮やかな写真を用いた項目が表...
サービスサイトに関連するデザイン
- 「TRIPPIN」のホームページデザイン解説
海外の旅行をメインにしたコミュニティプラットフォームサイトで、隙間なく並べられた角丸長方形のサムネイルにはヒートマップ風にドットが重ねられており、記事ページに移動すると同じ色のピンがマップに重ねられています。画面左2/3がマップ、残りのエリ...
- 「Gare Centrale de Montréal」のホームページデザイン解説
カナダにあるモントリオール中央駅のサイトです。メインビジュアルは3枚並んだフラットなテイストのイラストで、それぞれが駅の周辺情報・ショップガイド・運行情報への入り口となっており、マウスオーバーするとキャプションが下からせりあがってくる仕組み...
- 「stimmt」のホームページデザイン解説
オランダのデザイン会社のサイトです。ファーストビューではダークな画面に流線型のグラフィックが浮かび上がり、その上にホワイトのフォントでメッセージが重ねられた画面が目を引きます。モノトーン中心の配色に鮮やかなピンクが映え、スタイリッシュな中に...
ホワイトを使ったデザイン
- 「GINZA WEDDING BOOK 25ans」のホームページデザイン解説
銀座に連なるブライダル関係のショップ・ブランドをまとめたサイトです。ファーストビューでは銀座の時計台をバックに微笑むウェディングドレスを着た女性が全画面に表示された後、画面が切り替わると画面左が主要ショップのスライドショー、右はショップカテ...
- 「WEEK END」のホームページデザイン解説
ファーストビューはスタイリッシュな写真と製品の切り抜き写真を切り替えるスライドショーを組み合わせてメインビジュアルとしており、スライドショーを切り替えるとビジュアルも連動して切り替わる仕組みになっています。サイトに使われている写真もモノトー...
- 「美容室MILLOR」のホームページデザイン解説
ファーストビューには何ができる美容院かがしっかりと表現され、関連するイラストや写真や手書きの文字がまとめられた伝えたいメッセージが明確で理解がしやすいホームページです。その下にはLOOKBOOKと題し、様々な髪型のモデルが並んでいます。どん...
重厚感なホームページのデザイン
- 「Our Planet」のホームページデザイン解説
Netflixで公開されている、オリジナルのドキュメンタリーシリーズの公式サイトです。ファーストビューではこちらに向かってくるトラのムービーをはじめとした動画を全画面に配置し、強いメッセージ性を感じさせます。動画サムネイルは画像と同時にキャ...
- 「草野球ワールドシリーズ2019」のホームページデザイン解説
ファーストビューは3人の野球選手の写真で構成されたスライドショーで、ブラックの背景に溶けこむように加工された写真と、写真に重ねられた力強いキャッチコピーが迫力を生み出しています。ブラックとダークグレーの背景にくっきりとしたホワイトのフォント...
- 「明治大学」のホームページデザイン解説
サイトにアクセスするとまず、大胆に分割された画面に大学の全景写真とピックアップコンテンツのスライドショーが配置され、画面全体から迫力を生み出しています。大学のロゴに使われているパープルをメインカラーとしたフラットなデザインで、学部紹介などの...