スクリーンショット / ビジュアル
04

Case 04 — Legal / Professional

Law
Office

Client弁護士事務所
Year2023
RoleDirection / Design / Engineering
Scroll

Overview

Trust & Access.

弁護士事務所のコーポレートサイト。「信頼感」と「親しみやすさ」という相反する要素を両立させることが最大のチャレンジでした。

法律という専門性の高い分野でありながら、初めて相談する方が「ここなら安心できる」と感じられるUIを追求。アクセシビリティ対応も徹底し、幅広い年齢層のユーザーが使いやすいサイトを実現しました。

CategoryLegal / Professional
Period約3ヶ月
My Roleディレクション・コーディング
Tools
WordPressHTML/CSSSEO
URLhttps://katsuura-law.com/
Case 04 screenshot
Case 04 — Legal / Professional

弁護士
事務所

信頼感と親しみやすさを両立した法律事務所サイト。アクセシビリティにも配慮。

サイトを見る →

Design Points

The Details.

01
Point — 01

信頼感と
親しみやすさの両立

堅牢なイメージを保ちながら、相談のハードルを下げる温かみのある配色・フォント選定を実施。「専門家に相談する」という心理的障壁を下げるUI設計を追求しました。

02
Point — 02

アクセシビリティ
への配慮

法律相談を必要とするユーザーは幅広い年齢層に及びます。文字サイズ・コントラスト比・フォーカス管理など、WCAG 2.1 AA基準に準拠したアクセシブルなサイトを実現しました。

03
Point — 03

相談への
最短導線

「まず相談してみよう」と思った瞬間に行動できるよう、電話・メール・LINEへの導線をあらゆるページから最短でアクセスできる設計にしました。

Results

The Result.

+155%

公開後6ヶ月で
相談件数が増加

AA

WCAG 2.1
アクセシビリティ基準達成

97

PageSpeed Insights
デスクトップスコア