事例紹介 霽月法律事務所様
2022.11.09
2022年7月、コンプライアンス、不正対応・調査、マネロン・反社対応を専門とした法律事務所「霽月法律事務所」様の開業に伴うwebサイト立ち上げを担当させていただきました。
ワイヤーフレームからデザイン、コーディング、CMS(wordpress)の構築までmono.で行っております。
公開したサイト
▼以下URLより実際にご覧いただけます。
https://seigetsulaw.jp/
Mission
当初いただいたメッセージやヒアリングから
- 新規独立開業する個人法律事務所のwebサイトの開設
- シンプル・モダンで一般的な法律事務所のようなイメージよりもデザイン会社のような趣にしたい。
- キャッチコピーなどが主張する押しの強い印象にはしたくない
- あまり演出を派手にせず、シンプルな動きが良い
といった比較的シンプルで落ち着いた、大人な印象の中に品を感じるようなwebサイトが望ましいと考えました。
Solution
配色をくすみのある落ち着きつつも個性のある色にしたり、ナビゲーションの配置を特徴的にするなど、ちょっとした崩しや個性によりデザイン事務所のような趣を表現しました。
「霽月」が「雨後の月」「雨上がりの月」や、転じて「曇りのないさっぱりとした様子」という意味を持つことから全体的に大きく余白を取ることですっきりとした印象を感じられるレイアウトを意識しています。
その余白によって、同時に高級感や落ち着き、大人ぽさも感じられるようにすることで、士業としての信頼感の表現も意識しています。
一方、スクロールした後に出てくる要素についてはシンプルに左に揃えたレイアウトにすることで、表現が過剰にならない、読みやすいデザインにしています。
また、演出面もさりげなくもシンプルながらも心地よい・気の利いた印象を感じられるものを意識しています。
ちなみにスクロールした時に背景が少し明るくなるのですが、
これも先述した「霽月」という言葉が意味することになぞらえて、雨上がりに曇りが晴れていくように、見る方にすっきりとした印象を感じていただけること意識しています。
Gallery Site
公開したサイトは、デザインギャラリーサイト様でも取り上げていただくことができました。
RESPONSIVE WEB DESIGN様
https://responsive-jp.com/12356.html
ノンデザイナーズデザインブック
レイアウトの法則についてまとめられた不朽の名著。この本で紹介されている4原則を知っているとレイアウトがぐっと見やすくなります。