シンプルで洗練された雰囲気のデザインにまとめられていながら、写真の掲載やスクロールに連動した背景効果など、細かなところにアイデンティティを感じる特徴的なサイトです。まず上部に設置されたナビゲーションメニューは下スクロールで上部に隠れることでサイトのデザインに干渉せず、上スクロールで瞬時に現れる仕組みになっていることでユーザの操作性もしっかりと考慮されています。中ほどに掲載された人物の写真にはスライドショーで切り替わる仕組みが実装されていて、画像領域自体が面白い形状になっています。さらに下部では背景色がゆっくりと変化する項目も用意されていて、驚きのある演出が施されています。全体を通してしっかりと作り込まれており、完成度の高いサイトです。
カテゴリ
基本情報
サービスに関連するデザイン
- 「公益社団法人 日本てんかん協会」のホームページデザイン解説
サイトを開くと4枚の画像で構成されたスライドショーが表示され、可愛らしいイラストやポップな文字使いで親しみやすさをまず感じさせます。青みがかったピンクと淡いグレーの2色をメインカラーにした、ナビゲーションメニューやコンテンツの入り口にイラス...
- 「新潟土地建物販売センター株式会社」のホームページデザイン解説
サイトを開くと、鮮やかな青空をバックに手のひらの上に乗せた家の模型の写真がぱっと目に入り、余白に配置されたキャッチコピーと合わせて目を引きます。1カラムのシンプルなレイアウトで、鮮やかなグリーンをアクセントカラーにしたさわやかな色使いです。...
- 「フォトスタジオKOWA」のホームページデザイン解説
メインビジュアルは結婚式・七五三・出産などの家族の記念写真の撮影風景をまとめたスライドショーで、それぞれに帯を敷いたキャッチコピー、右上がりに書かれた2種類の英語の店舗ロゴ、ガーランドのパーツがあしらわれています。ナビゲーションメニューには...
サービスサイトに関連するデザイン
- 「西武学園文理中学・高等学校」のホームページデザイン解説
サイトを開くと画面中央に埋め込んだYoutubeの動画が再生され、その上に重なるように斜めにカットしたベタを配置してキャチコピーが重ねられています。シンプルな1カラムのレイアウトでかっちり感を出しつつ、鮮やかなイエローとグリーンを背景に、リ...
- 「小松美羽 Official Site」のホームページデザイン解説
サイトを開くとライブペインティングの様子を捉えた写真が画面いっぱいに表示され、その上に明朝体で大きくキャッチコピーが配置された、重厚感と力強さを感じさせるファーストビューです。ブラックをベースにホワイトのテキストとオレンジの見出しで高背され...
- 「hana鍼灸治療院」のホームページデザイン解説
サイトを開くと画面いっぱいに広がる鮮やかな蘭の花がまず目に入り、スライドショーが切り替わると院内の内装や施術の様子が写真で紹介されています。落ち着いたゴールドをアクセントカラーにしており、ダイヤ型のテクスチャと合わせて高級感を感じさせるデザ...
カラフルを使ったデザイン
- 「株式会社ウイング」のホームページデザイン解説
メインビジュアルはTシャツプリントの作業工程をまとめたスライドショーで、キャッチコピーの横にインクが飛び散ったような図柄を配置しています。ページ上部に固定したナビゲーションメニューや、テキストボックスにもインクが垂れたような流線型をあしらっ...
- 「オオサカマニア」のホームページデザイン解説
メインビジュアルは画面下部に吹き出し状のサムネイルがスクロールするスライドショーとなっており、画面中央に大きく表示されたタイトルロゴが迫力を感じさせ、背景のイラストに合わせてロゴと背景の色が変化する様子が大阪の多彩な楽しみ方を感じさせます。...
- 「妖怪ピーク」のホームページデザイン解説
淡い水彩風のテクスチャで描かれた幾何学模様を散りばめたイラストがキャッチコピーの背後にゆっくりとした速度で流れ、ユーザーに寄り添うような優しい雰囲気を感じさせるファーストビューです。メインビジュアルの下ではワークショップの様子がカルーセルで...
高級感・リッチなホームページのデザイン
- 「今代司酒造株式会社」のホームページデザイン解説
暗い工房内に鮮やかな藍色の暖簾が浮かび上がる写真が印象的なメインビジュアルです。一転して導入部分の写真は明るく温かみのある写真で構成され、その上には縦書きのキャッチコピーが黒の帯の上に配置されています。ブラックを背景にホワイトの明朝体でテキ...
- 「山の手ホテル_フォレストリゾートウェディング」のホームページデザイン解説
メインビジュアルのスライドショーは画面幅をいっぱいに使い、中央に写真を、背後に拡大してぼかした画像を組み合わせて、同じ画像をふたつの効果で重ねることで奥行きを出しています。ホワイトの余白を生かしたフリーレイアウトのレイアウトに、くすんだグリ...
- 「小松美羽 Official Site」のホームページデザイン解説
サイトを開くとライブペインティングの様子を捉えた写真が画面いっぱいに表示され、その上に明朝体で大きくキャッチコピーが配置された、重厚感と力強さを感じさせるファーストビューです。ブラックをベースにホワイトのテキストとオレンジの見出しで高背され...