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

デザイン

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

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

2022.11.09

デザイン

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

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

2022.11.26

写真

autumn leaves

写真シリーズ。 昭和記念公園の紅葉ライトアップに行ってきました。 庭園が特に良かったで…

2022.11.20

デザイン

今週印象に残ったwebサイト(22.11.14~22.11.20)

ありがたいことに少しずつ忙しくなってきていて今週は全然更新できませんでしたが、これだけはやろうと思…

2022.11.04

写真

fuji sea of t​rees

写真シリーズ。富士の樹海に行ってきた時の写真です。雨の日の樹海最高でした。 一度やってみたか…