デザイン解説
ファーストビューは「次の100年も皆様の発展のために」をキャッチフレーズに東京駅や事務所の内装の写真がスライドするデザインとなっている。
タイトル等では明朝体が使われており、この文字がアクセントとなり高級感を演出している。また要所要所の背景にノイズテクスチャ(ざらざら感のある背景)が使われていることも起因している。
ただ何度も解説している通り、明朝体を画像化してしまうと、スマートフォンに対応しづらくなるデメリットがある。(正確には対応はできるのだが文字を画像化すると解像度的な問題で色々と面倒)
実際に同社のホームページもスマホには対応していない。明朝体はPC上に入っているフォントの影響を受けるため、画像化するのが今までのスタンダードだったが、昨今はウェブフォントの登場により、クライアント側(閲覧者側)のフォントに影響することなく、自由にフォントを表示できるようになった。(正確にはAndroidだとWebフォントでは明朝体を表現できないのだが)
これからホームページ制作をお考えの方、デザイン案を提示されてコーディングされた際に、文字が画像化されている場合はスマホで問題なく表示されるか、確認しておくと良いでしょう。スマホで最適化するためにはスマホ用に画像を用意するか、大きめの画像をPCで表示させておき、スマホで最適化する方法があります。
ちなみに弊社では文字の画像化は変更しようと思っても気軽に変更できない等の問題がある(メンテナンス性が悪い)ため、キャッチコピー以外では極力使わないようにしています。
掲載会社の情報
会社名 | 輝特許事務所 |
---|---|
業種 | 特許事務所 |
URL | https://www.hikari-patent.com/ |
住所 | 東京都千代田区丸の内2丁目2番3号丸の内仲通りビル721 |
このようなホームページを作成したい方へ
「ホームページ制作見積もりシミュレーター」を使うと、どのくらいの費用・料金でホームページが作成できるのかがわかります。個人情報の入力をせず、無料ですぐに利用できますので、お気軽にご活用ください。
司法書士・特許事務所に関連するデザイン事例
- 青系統のかっこいい司法書士のホームページデザイン例
青系統の配色がかっこよく、ファーストビューのビル群の写真と明朝体の組み合わせが、安心感や信頼感の演出に成功している。下層ページ含めて全体的にシンプルで、ユニークさは見当たらないのだが、綺麗にまとまっており、高い完成度で仕上がっている。 ...
- 安心感・信頼感を感じる大阪の司法書士法人のホームページ
ファーストビューは握手している商談中の社員、オフィスの外観、エントランスの写真がスライドして切り替わり、「永きにわたるパートナーを目指して」のキャチコピーが左下に配置されている。 全体的に写真を上手く活用しており、サイト全体に締まりを...
- 神戸市にある特徴的なレイアウトが印象に残る司法書士のホームページ
本を開くようなアニメーションからホームページが表示される。レイアウトがかなり独特で、ロゴが上部中央、グローバルナビゲーションが左側、キャッチコピーは右上と、一般的なホームページのレイアウトを完全に無視するかのような、ユニークなデザインとなっ...
- 長野県にあるイラストの活用が上手い司法書士のホームページ
第一印象がとても強く残る、ユニークなホームページデザイン。個人的に気に入っているのが「ご存知ですか?法律のこと」というキャッチコピーに、当事務所の打合せの雰囲気をイラスト化したものが背景に表示される。 グローバルナビゲーションをクリッ...
- センスの良さが光るピンクで配色された司法書士法人のホームページ
ファーストビューは男女のイラストの吹き出しが表示され、遺産や相続に関して相談に受けてくれる司法書士法人ということがわかる。昨今はイラストを活用する企業が少ないものの、同社のホームページは印象に残るデザインとなっている。 スクロールする...
ブルー・青色のデザイン事例
- 税理士法人アイユーコンサルティング
相続税に特化した税理士法人のホームページで、ファーストビューではキャッチコピーと、3つの特徴(満足度・案件数・所属税理士数)、電話番号・フォームの誘導があり、背景には5名のスタッフの写真が配置されている。 印象に残る、かつ訴求力のある...
- 税理士法人寺尾会計事務所
ファーストビューは顧問先のお客様と思われる人物との2ショットの写真がフェードアウト/フェードインしながら切り替わる。下にスクロールすると、最新のお知らせが1件と、左側にキャッチコピー、右側には恐らく地元の風景写真が設置されている。 ス...
- FVで必要な情報を簡潔に伝える整骨院のホームページ
ファーストビュー(FV)で、キャッチコピーと治療院名と共に、電話番号、予約フォーム、営業時間が表示されており、一目で必要な情報が集約されたデザインとなっている。 トップページでは、悩みを抱えている人に対して、どんなやり方で解決できるの...
- 青系統のかっこいい司法書士のホームページデザイン例
青系統の配色がかっこよく、ファーストビューのビル群の写真と明朝体の組み合わせが、安心感や信頼感の演出に成功している。下層ページ含めて全体的にシンプルで、ユニークさは見当たらないのだが、綺麗にまとまっており、高い完成度で仕上がっている。 ...
- 安心感・信頼感を感じる大阪の司法書士法人のホームページ
ファーストビューは握手している商談中の社員、オフィスの外観、エントランスの写真がスライドして切り替わり、「永きにわたるパートナーを目指して」のキャチコピーが左下に配置されている。 全体的に写真を上手く活用しており、サイト全体に締まりを...