ホームページのデザイン例

椅子に座った3人の弁護士を少し遠くから撮影した写真がファーストビューに使われており、印象に残りやすいデザインとなっている。 パララックスな構成になっており、スライド時におしゃれな印象を与えることに成功している。縦書きなど工夫されている...

ヘッダー部分が丸みを帯びてトリミングされたようなデザインとなっており、柔らかい印象を与えている。 横浜市の事務所ということもあり、ファーストビューには前面にみなとみらいの写真が使われている。写真に乗っているテキストは上の余白がなく下の...

インタラクティブな動き、レイヤーずらし（わざと文字を写真からずらして配置する手法）、斜め線など、最近流行りのデザイン手法を全て盛り込んだような、非常にクオリティの高いホームページ。青色で統一されており、レスポンシブデザインなのでスマホにも対...

黒色で統一された非常にシンプルなホームページ。取扱業務は法人の法務に特化しており、個人（相続や離婚問題）を対象していないことがわかる。 法人向けにデザインするのであれば、親しみやすさというより、高級感・信頼感が重要になるため、黒色で統...

ファーストビューをぜひ参考にしたいホームページ。これは法律事務所の求人サイトだが、ネイビー×明朝体を合わせたデザインでエグゼクティブな感じを演出している。 ただこういったデザイン（特に文字を画像化しているデザイン）はスマホ対応しづらい...

丸字を活用した可愛らしい、親しみやすいホームページ。ファーストビューはそこまで凝ったデザインではないが、文字サイズが大きいこともあり、高齢者に優しいデザインとなっている。 ベースカラーを黄色としてポイントカラーで緑色を用いており、それ...

ファーストビューでは法律事務所の社員を前面に見せるデザインで、重なるように3つの相談フォームを設置している。ポータルサイトのような構成で各種サービスごとで特設サイトを別ドメインで用意しているという、力の入れ具合。 テーマが違うホームペ...

全体的にフラットな仕上がりになっており、シンプルながらも写真が映える構成になっており、安心感・信頼感のあるホームページになっている。 一般的にホームページのロゴは最上部に配置するのが一般的だが、このサイトは見出し（ヘッダー）写真の下に...

弁護士事務所などの士業のホームページは青色をベースカラーに使ったサイトが非常に多いものの、こちらのホームページは緑色をベースカラーにしている。 代表が女性弁護士ということもあり、可愛らしい・柔らかい印象を与えるデザインとなっており、全...

木製サッシや学校間仕切りを製作・施工する会社のホームページで、木の色や温かさが前面に押し出されたデザインとなっている。ロゴ含め、赤と黒の対比が色のメインとなっており、少し和風なテイストに仕上がっている。 Wordpressで構築されて...

サイトアクセス時、グローバルナビゲーションが降りてくる表現が印象的。またこちらのホームページの随所で使われている表現法だが、メインビジュアルや施工事例に見せたい情報を大胆に配置してきている。パッと目に飛び込む情報量の多彩さは、モダンな雰囲気...

暖色系のテーマカラーに則った施工事例をメインビジュアルに据えているため、暖かみのある印象を受けるサイト。施主から許可をとれた物件情報を惜しげもなく掲載していることからも、ある程度高級志向の一般家庭をメインターゲットとしているのだろう。 ...

アクセスした際に、ローディング画像（アニメーション）が流れるホームページ。入札案件を扱う建築業ならではの、第一印象や企業イメージに配慮した清潔感のある仕上がりになっている。 装飾が少なくシンプルなフラットデザイン構成となっている。デザ...

メインビジュアルではドローンで撮影されたと思われる動画がよく映えたデザインになっている。学びやすい環境を提供していることが伝わるよう、工夫していると思われる。 １スクロールしてすぐに学校のガイド情報がスライドで表示され、見やすくまとま...

テクノロジー領域で活躍中の起業家・経営者のインタビュー記事を配信するメディア。デザインや動きのクオリティが非常に高く、数あるデザインをまとめてきた中でも、トップクラスにクオリティが高い。 一覧ページ 連載記事、通常の記事、イベン...

PR Tableは企業や団体がPR・HR・IRなどの目的で記事を投稿できるサービス。単なる宣伝をするような内容ではなく、主に企業のブランディングとして活用されており、記事を読んでいてもユニークで面白いメディア。 このメディアは下記の記...

ビットコイン、ブロックチェーン、仮想通貨などの情報を取り扱うニュースメディア。 3カラムで構成されており、右側はグローバルメニュー、中央は仮想通貨のマーケットのリアルタイム情報、メルマガ登録、広告、人気記事、左側はピックアップ記事と各...

名刺管理サービス「Eight」が運営する、ビジネスネットワークを活用した新たな可能性を探るメディア。 「WIRED」と同様、白と黒でシンプルにデザインされており、ホワイトスペースを十分に活用して、かっこいい印象を与えている。 ...

最新のテクノロジーや先端科学といった「未来のトレンド」を発信するアメリカ発のメディア。 白と黒のシンプルなデザインだが、写真のクオリティが高く、ホワイトスペースを活用し、かっこいい印象を与えている。フォントはMacにデフォルトで入って...

博報堂の研究所が24年分の生活者の観測データ約1,500項目を公開しているメディア。 丸みを帯びたフォントで、メインビジュアルはポリゴン状の幾何学模様が動作し続け、視覚的に定点観測というメディア色を高めている。こういったアニメーション...