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

事例紹介

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

2022年7月、コンプライアンス、不正対応・調査、マネロン・反社対応を専門とした法律事務所「霽月法…

2023.03.15

ブランディング

【企業の”らしさ”を見つける】ブランディング/ストラテジーに使えるフレームワーク

私はブランディングとはそのサービスの"らしさ"に気づき、それをどう表現や行動に変換するかという点が…

2022.11.12

ブランディング

mono.が考えるブランディングとは

ブランディングという言葉、最近よく聞きませんか?mono.もブランディングデザインという概念を大事…

2022.11.05

事例紹介

事例紹介 PANOF様

2022年5月、空間デザインやレンタルスタジオ事業を手がけるPANOF様のwebサイトリニューアル…

2022.11.04

デザイン

ピンポイント分析#001:画像の縦横比

※2020年にnoteに執筆した内容の再掲です。 画像の縦横比について考えてみました。 …