小田原の地域コミュニティーをテーマにしたWEBマガジンとなっていて、シンプルで素朴な印象の構成が見ていて気持ちが良く、様々な記事をチェックしたくなるサイトです。サムネイル画像で記事が一覧表示されていてわかりやすく、気になる記事を見つけやすい表示になっています。サイトのタイトルや記事のサムネイル画像に控えめに手書きのイラストが使われていて可愛らしく、雰囲気を演出するアクセントとなっています。あえて装飾的な要素を使わずシンプルにまとめることで、記事の内容に集中して閲覧できるように考えられていて、WEBマガジンとして効果的な設計が施されたサイトに仕上がっています。
執筆者
カテゴリ
基本情報
Webメディアに関連するデザイン
-
「君二問フ」のホームページデザイン解説サイトを開くと中央にメッセージが展開されて、サイト導入の演出が凝った構成になっています。一連の流れのあとに「JOIN」のボタンが表示されてクリックするとトップページが表示される仕組みになっており、ユーザの期待感が高まるような演出が施されてい...
-
「Tokyo Ueno Wonderer」のホームページデザイン解説ファーストビュー画像領域ではスライドショーで画像が切り替わる表示が展開されていて、印象的な構成になっています。さらに画像はゆっくりとズームアウトしていくモーションが加えられていて、動きがあることで目に止まりやすい効果となっています。また、画...
-
「syn」のホームページデザイン解説画像領域が左側に大きく表示されており、大きなエリアと小さなエリア2つに分けられた構成が見やすくユーザの関心を得るデザインになっています。右上にはドロアーで隠されたナビゲーションメニューが固定表示されていて、スムーズな閲覧が可能な設計となって...
ホワイトを使ったデザイン
-
「buddies」のホームページデザイン解説ホワイト×ブラックをメインカラーに、スタイリッシュなイメージで構成されたサイトになっていて、その中にキーカラーとして鮮やかなパステルグリーンが用いられていることで、目に止まりやすく統一感のあるデザインにまとめられています。「About bu...
- 「Tokyo Ueno Wonderer」のホームページデザイン解説
ファーストビュー画像領域ではスライドショーで画像が切り替わる表示が展開されていて、印象的な構成になっています。さらに画像はゆっくりとズームアウトしていくモーションが加えられていて、動きがあることで目に止まりやすい効果となっています。また、画...
-
「メイテック」のホームページデザイン解説サイズ違いの画像領域が横に並んだファーストビューがオリジナリティのあるデザインになっています。画像領域では2面同時に画像が切り替わる仕様になっていて、それぞれに別の画像が表示されることで目に止まりやすい構成になっています。上部に設置されたナ...
イラスト・手書き感なホームページのデザイン
-
「紬かけつぎ店」のホームページデザイン解説全体に柔らかなタッチのイラストを配置して、温かみを感じるデザインにまとめられています。ファーストビューにも画面右側に大きくイラストを表示して、サイトを開いた際にゆっくりと浮かび上がってくるようなモーションが見られることでサイトの雰囲気を演出...
-
「住宅情報ナビ」のホームページデザイン解説グレーをベースに、グリーンやブルーをアクセントにしたサイトです。ファーストビューには、楽しいキャラクターのイラストが描かれています。2カラム構成のトップページで、左サイドではSUUMOジャーナルの新着記事を掲載しています。右サイドには、SU...
-
「マピオン」のホームページデザイン解説画面幅いっぱいに敷かれた水彩風の波のテクスチャと、和紙のようなテクスチャと地方別の色分けを施した日本地図、手書きイラスト風のコンテンツのアイコンが合わさってメインビジュアルのような役目を果たしています。ブルーのヘッダーの下にはクレヨン風のイ...