mono.blog

東京のwebデザインスタジオmono.のブログです。
webデザインのナレッジや事例、ツール紹介、ビジネスに関するコラム、時々写真などを掲載しています。

Category
Archive
Author
  • Yuji Ishibashi
    戦略設計やブランディング、デザイン表現を強みとしたWebデザイナー/ディレクター。数社の制作会社に勤めたのち、現在は"mono."の屋号でフリーのweb制作者として活動中。
Contact

事例紹介 霽月法律事務所様

2022.11.09

事例紹介

2022年7月、コンプライアンス、不正対応・調査、マネロン・反社対応を専門とした法律事務所「霽月法律事務所」様の開業に伴うwebサイト立ち上げを担当させていただきました。

ワイヤーフレームからデザイン、コーディング、CMS(wordpress)の構築までmono.で行っております。

公開したサイト

▼以下URLより実際にご覧いただけます。
https://seigetsulaw.jp/

Mission

当初いただいたメッセージやヒアリングから

といった比較的シンプルで落ち着いた、大人な印象の中に品を感じるようなwebサイトが望ましいと考えました。

Solution

配色をくすみのある落ち着きつつも個性のある色にしたり、ナビゲーションの配置を特徴的にするなど、ちょっとした崩しや個性によりデザイン事務所のような趣を表現しました。

「霽月」が「雨後の月」「雨上がりの月」や、転じて「曇りのないさっぱりとした様子」という意味を持つことから全体的に大きく余白を取ることですっきりとした印象を感じられるレイアウトを意識しています。

その余白によって、同時に高級感や落ち着き、大人ぽさも感じられるようにすることで、士業としての信頼感の表現も意識しています。

一方、スクロールした後に出てくる要素についてはシンプルに左に揃えたレイアウトにすることで、表現が過剰にならない、読みやすいデザインにしています。

また、演出面もさりげなくもシンプルながらも心地よい・気の利いた印象を感じられるものを意識しています。

ちなみにスクロールした時に背景が少し明るくなるのですが、
これも先述した「霽月」という言葉が意味することになぞらえて、雨上がりに曇りが晴れていくように、見る方にすっきりとした印象を感じていただけること意識しています。

Gallery Site

公開したサイトは、デザインギャラリーサイト様でも取り上げていただくことができました。

RESPONSIVE WEB DESIGN様
https://responsive-jp.com/12356.html

このブログは東京のwebデザインスタジオmono.が運営しています。
webサイト制作にあたりお見積やご相談などお気軽にお問い合わせくださいませ。

mono.の公式サイトへ お問い合わせはこちら

Recommend Books

その他の記事を見る

2022.11.28

デザイン

PC向けにも工夫されたスマホファーストのサイト6選

2週間前から始めていたwebサイトのまとめシリーズですが、テーマを決めてご紹介していくシリーズの方…

2022.11.06

ブランディング

本質的なブランディングの第一歩は”知る”こと

読んだ本のまとめもやってみようと思います。 1発目は「DRAFT宮田識 仕事の流儀」 …

2023.03.02

デザイン

モダンなwebメディアに学ぶ読みやすい文字のジャンプ率

以前に文字のジャンプ率の記事を書きました。こちらの記事はメインビジュアルなどを参考に、情緒的に見せ…

2023.02.19

デザイン

結局どれを使えばいい?イージングの使い分け

イージングとは、アニメーションにおけるオブジェクトの動き方を伝えたい印象に近づけるために一定の速度…

2023.02.05

AI

Chat GPTでSEOについて聞いてみた。

最近巷で話題になっているChat GPT。色んな方の発信を見ていてこれはすごそう…!と感じていたの…