トップページ最上部にはログインおよび新規登録ボタンを用意しており会員目線を意識しています。その下にはカテゴリー表記があります。ピクトグラムを用い文字だけでなくわかりやすいです。また掲載しきれないカテゴリーに関してはプラスマークで全てを見るボタンを設定し、全てを並べず特に注目させたい項目のみを並べることでスッキリとした印象を与えます。 全体としては白を基調としたシンプルなデザインです。加えてボタン等には紫を用い、シックで落ち着いた印象があります。ニュース記事は太文字表記をしており見やすいです。ページ下部は画像を多く用いておりユーザーを飽きさせない工夫がなされたホームページです。
執筆者
カテゴリ
基本情報
Webメディアに関連するデザイン
-
「さぬきうどん未来遺産プロジェクト」のホームページデザイン解説うどんチェーン店の運営するオウンドメディアで、うどんの歴史やトリビアを未来に伝えるプロジェクトのページです。コンテンツの見出しは新聞のレイアウトを想定させるレイアウトで配置され、フォントも新聞の見出しに近いものが使われています。下層ページで...
-
「Good life with Kinokawa」のホームページデザイン解説画面右にナビゲーションメニューを配置し、メインエリアにムービーを大きく配置した迫力のあるファーストビューです。モノトーンのシンプルな色使いですが、丸みを帯びたフォントで書かれたタイトルと、アクセントに配置された小さく揺れる果物のイラストで親...
-
「WA・TO・BI – 和食の扉 -」のホームページデザイン解説サイトにアクセスするとまず画面中央にサイトロゴが浮かび上がり、画面が切り替わると記事のキャプションと見出しを組み合わせたスライドショーが大きく流れる、迫力のあるファーストビューです。明朝体のフォントと、画面左に固定されたナビゲーションメニュ...
ホワイトを使ったデザイン
-
「ツルタボルト株式会社」のホームページデザイン解説メインビジュアルで使われている3枚の画像は、写真の左側にネイビーのグラデーションをかけて大きくホワイトのテキストを重ねることで、文字の視認性を上げるとともに重厚感を感じさせます。コンテンツもネイビーをメインに濃いオレンジをアクセントカラーに...
-
「第一ニットマーケティング株式会社_no+af」のホームページデザイン解説メインビジュアルのスライドショーは、人物の肩から上をトリミングしたり、後ろ姿を採り入れるなどして商品にフォーカスした構図となっており、中央に重ねたブランドロゴと合わせてブランドイメージを形作っています。横に2枚並べた写真を中央からわずかにず...
-
「Free Space株式会社_SOURCE hair space」のホームページデザイン解説サイトを開くとまず美容院の内装がスライドショーで画面いっぱいに表示され、中央に重ねた店舗ロゴと半透明のブラックを敷いたナビゲーションメニューでお洒落な印象をまず与えます。ファーストビューで画面下部に表示されていたナビゲーションメニューは、画...
ナチュラル・清潔感なホームページのデザイン
-
「ベリーベリーファーム上田」のホームページデザイン解説画面幅いっぱいに表示された農園の全体写真の鮮やかさがまず目を引き、その上に筆記体の英語フォントでキャッチコピーが重ねられています。サイトの導入部分はフルーツの切り抜き写真で囲んでポップで親しみやすい印象を与え、コンテンツは色味を統一した写真...
-
「株式会社山田興業」のホームページデザイン解説サイトを開くと画面幅いっぱいに表示されるメインビジュアルは、4枚の写真を組み合わせた中央にキャッチコピーを重ねた、事業内容のイメージが一目で掴める構成です。サービス紹介の一覧は写真をタイル状に並べ、ブラックのオーバーレイを重ねることで重厚感...
-
「株式会社中島利七_利七屋」のホームページデザイン解説メインビジュアルは店舗の内観と取り扱い商品のアップ写真で構成されたスライドショーで、中央には店舗名、左上には営業時間と連絡先が記載されています。オレンジをアクセントカラーにしたフラットなデザインで、タイル状に並べられたコンテンツのサムネイル...
