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.09

デザイン

秀逸なバランスのwebサイトから学ぶ文字のジャンプ率

ジャンプ率という言葉をご存知でしょうか? テキストレイアウト時に使われる、本文と見出しの文字…

2022.11.27

デザイン

webデザイナーも知っておきたい文字組みの微調整7つ

デザインでは文字はただ入力して終わりにする(べた打ち)のではなく、打ち込んだ文字に対してさまざまな…

2022.11.13

デザイン

今週印象に残ったwebサイト(22.11.7~22.11.13)

毎週印象に残ったサイトを紹介していくシリーズをやってみようと思います。 出来ない週もあるかも…

2024.07.31

お知らせ

STUDIO Expertsに加盟しました。

このたびmono.はノーコードWeb制作プラットフォーム「STUDIO」の認定プログラムで…

2023.02.19

デザイン

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

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