ねっとぱんだ-プログラミング勉強ブログ-

Webデザイン、プログラミングの勉強ブログ。

【デザイン分析】スマートな法律事務所のサイト


1day1site(1日1つ、おすすめのサイトを紹介していきます。)

代官山綜合法律事務所

https://daikanyamalawdaikanyamalaw
  • 3/4
  • 種類:コーポレートサイト
  • 概要:代官山にある法律事務所のサイト
  • ターゲット:渋谷近郊の企業経営者、弁護士を必要とする社会人

感想・いいと思ったpoint

  • 六法全書のカバーのような落ち着いた小豆色(#441510)が使われています。
  • 細いラインの線や図形のグラフィックがアニメーションするのですが真面目さと柔軟さも感じられるサイト内容に適したグラフィックだと感じました。
  • 単純な白地では無く薄い色がバックに入る事で落ち着いた雰囲気が出ていると思います。
  • 業務内容や料金案内等の情報が単純な罫線ではない線のグラフィックと共に読みやすいフォントサイズ、行間、字間でレイアウトされています。文字組の参考にできそうです。
  • mapと事務所概要の見せ方がとてもオシャレだと思いました。単純なgooglemapではなく、地図のインフォグラフィックと事務所の場所を円のアニメーションで動かす事でgooglemapに誘導しています。
  • mapはこの地域周辺の地図を見慣れている人には分かる分かるぐらいの情報量に絞られています。基本的にサイトの地図を見るより、会社名をgooglemapで検索する事が多いと思うので、サイト内の地図はよけいな情報を増やさなくてもいいのでしょう。
  • 単純になりがちな事務所概要も、レイアウトを崩して動きを演出しています。また文字情報とmapの間に画像を跨がって配置する事で目線を誘導する役割が作られていると感じました。