サイトを開くとちょっと不思議なイラストとともに個性的な配置のタイトル「かみのたね」の文字が現れます。独特の雰囲気に引き込まれてもっと深く知りたいという気持ちが湧いてくるような表現になっています。スクロールしていくと様々な本や記事のサムネイルリンク画像が並んでいて、「試し読み」や「読み切り」の表示がついていることからウェブマガジンを提供しているサイトだとわかります。サムネイルをクリックするとそのまま内容が読めるページに遷移して読み進められる仕組みになっています。試し読みの本については読み終えると本の購入ページへのリンクが表示されて購入に進めるという作りになっていてユーザのスムーズな閲覧導線を考えられています。全体を通してシンプルにまとめられていてユーザが利用しやすいサイトに仕上がっています。
執筆者
カテゴリ
基本情報
Webメディアに関連するデザイン
-
「syn」のホームページデザイン解説画像領域が左側に大きく表示されており、大きなエリアと小さなエリア2つに分けられた構成が見やすくユーザの関心を得るデザインになっています。右上にはドロアーで隠されたナビゲーションメニューが固定表示されていて、スムーズな閲覧が可能な設計となって...
-
「Amp」のホームページデザイン解説大きく画像が使われたファーストビューがサイトの導入として効果的な役割となっています。画像上でカーソルを動かすとマウスストーカーが現れて、ぼんやりとした光の表現がサイトの内容を反映したデザインになっていてストレートに関連性を感じる演出です。さ...
-
「Executive」のホームページデザイン解説ファーストビューで様々な画像が展開されて、サイトのおしゃれな雰囲気を演出するとともにインパクトのある構成が導入として効果的な役割となっています。スクロールしていくと様々な画像やムービーが展開されて、目を引く表示になっています。ブラックの背景...
ホワイトを使ったデザイン
-
「FRAMED* Mono X7」のホームページデザイン解説ファーストビューではディスプレイの画面が回転し、その中で次々を画像が切り替わっていくムービーが展開されていて、商品の情報がストレートに伝わる演出が施されています。説明が無くても映像で商品を知ってもらえるような作りになっていて、ユーザが直感的...
-
「WOTA」のホームページデザイン解説鮮やかなブルー系のグラデーションカラーを用いて、ぼんやりとした波のような表現が展開されたファーストビューが美しく、見入ってしまうような演出によってサイトの導入として効果的な役割となっています。スクロールした先で表示される写真にはスクロールと...
-
「ベンザブロック」のホームページデザイン解説ファーストビューではタレントを起用した目を引く写真が大きく使われており、画像上に商品画像が配置された構成になっています。商品画像はタイプごとに3つの画像を色分けして、並べて表示されていて見やすく、それぞれにカーソルを合わせるとちょっとしたモ...
イラスト・手書き感なホームページのデザイン
-
「紬かけつぎ店」のホームページデザイン解説全体に柔らかなタッチのイラストを配置して、温かみを感じるデザインにまとめられています。ファーストビューにも画面右側に大きくイラストを表示して、サイトを開いた際にゆっくりと浮かび上がってくるようなモーションが見られることでサイトの雰囲気を演出...
-
「住宅情報ナビ」のホームページデザイン解説グレーをベースに、グリーンやブルーをアクセントにしたサイトです。ファーストビューには、楽しいキャラクターのイラストが描かれています。2カラム構成のトップページで、左サイドではSUUMOジャーナルの新着記事を掲載しています。右サイドには、SU...
-
「マピオン」のホームページデザイン解説画面幅いっぱいに敷かれた水彩風の波のテクスチャと、和紙のようなテクスチャと地方別の色分けを施した日本地図、手書きイラスト風のコンテンツのアイコンが合わさってメインビジュアルのような役目を果たしています。ブルーのヘッダーの下にはクレヨン風のイ...