メインの画像領域が画面の中心ではなく右寄りになっていて、左側にキャッチコピーとスタジオ名が表記されているというおしゃれな構成がセンスの良さを感じます。写真スタジオのWEBサイトと言うことで全面に写真を使ったサイトになっていて、とにかく写真が目立つ構成が考えられています。スクロールしていくと、ブライダルや成人式用写真などのシーンに合わせた撮影メニューを用意して、それぞれ下層ページが作られていて詳しい内容を見ることができます。下層ページでも様々なカットの写真が左右に流れていく表示があり、ユーザが参考にして撮影依頼を検討できるようなサイト作りを考えられています。
執筆者
カテゴリ
基本情報
ショップに関連するデザイン
-
「Roju」のホームページデザイン解説ブラックをベースに白抜き文字を使ったサイトです。ファーストビューには、Roju（ロジュ）の店内が写っています。「SHOW REEL」の矢印をクリックすると、動画を見ることができます。3本ラインのメニューボタンにて、Rojuの店舗情報やサービ...
-
「紬かけつぎ店」のホームページデザイン解説全体に柔らかなタッチのイラストを配置して、温かみを感じるデザインにまとめられています。ファーストビューにも画面右側に大きくイラストを表示して、サイトを開いた際にゆっくりと浮かび上がってくるようなモーションが見られることでサイトの雰囲気を演出...
-
「FABRIC TOKYO」のホームページデザイン解説全画面の画像がファーストビューに使われていて、サイトを開くとまず画像が目に飛び込んで来ることでインパクトのある演出になっています。画像はスライドショーで切り替わることでユーザの興味を抱かせる工夫になっており、それぞれの画像の背景が色分けされ...
サービスサイトに関連するデザイン
-
「TNER」のホームページデザイン解説グレーをベースにブラックをアクセントにしたサイトです。ファーストビューでは、TNER（トナー）のレンタルオフィスを紹介しています。レンタルオフィスの室内が写っています。トップページの左右に分けたグローバルナビにて、レンタルオフィスのご利用方...
-
「buddies」のホームページデザイン解説ホワイト×ブラックをメインカラーに、スタイリッシュなイメージで構成されたサイトになっていて、その中にキーカラーとして鮮やかなパステルグリーンが用いられていることで、目に止まりやすく統一感のあるデザインにまとめられています。「About bu...
-
「Viens-là」のホームページデザイン解説ファーストビューでは円形のオブジェクトが画面上を浮遊しているような表現が展開されていて、ポップで可愛らしい演出になっています。円形のオブジェクトはカーソルの動きに反応した様々なモーションが加えられていて、スクロールした先では画像領域に変化し...
ホワイトを使ったデザイン
- 「buddies」のホームページデザイン解説
ホワイト×ブラックをメインカラーに、スタイリッシュなイメージで構成されたサイトになっていて、その中にキーカラーとして鮮やかなパステルグリーンが用いられていることで、目に止まりやすく統一感のあるデザインにまとめられています。「About bu...
-
「Tokyo Ueno Wonderer」のホームページデザイン解説ファーストビュー画像領域ではスライドショーで画像が切り替わる表示が展開されていて、印象的な構成になっています。さらに画像はゆっくりとズームアウトしていくモーションが加えられていて、動きがあることで目に止まりやすい効果となっています。また、画...
-
「メイテック」のホームページデザイン解説サイズ違いの画像領域が横に並んだファーストビューがオリジナリティのあるデザインになっています。画像領域では2面同時に画像が切り替わる仕様になっていて、それぞれに別の画像が表示されることで目に止まりやすい構成になっています。上部に設置されたナ...
ポップなホームページのデザイン
-
「ポmagazine」のホームページデザイン解説グレーをベースにブラックをアクセントにしたサイトです。ファーストビューには、京都を訪れた人々のイラストが描かれています。カーソルをあてたところにホワイトの丸いポインターがついてきて、吹き出しが現れます。グローバルナビにてトピックや特集、コラ...
- 「Viens-là」のホームページデザイン解説
ファーストビューでは円形のオブジェクトが画面上を浮遊しているような表現が展開されていて、ポップで可愛らしい演出になっています。円形のオブジェクトはカーソルの動きに反応した様々なモーションが加えられていて、スクロールした先では画像領域に変化し...
-
「MUSABI WEB OPEN CAMPUS 2020」のホームページデザイン解説ポップなイメージの図形や装飾がサイト全体に散りばめられていて、全体の雰囲気を作り上げる要素になっています。上部にはナビゲーションメニューが固定表示されていて見やすく、スムーズな閲覧が可能な設計です。メニューは色分けされていて、サイト内の要素...