つぐみ司法書士事務所（リニューアル提案）

課題

既存サイトは情報構造が整理されておらず、ユーザーが目的の情報へ たどり着くまでに時間がかかる構成になっていました。 特に、相続や不動産登記などサービス内容が分かりにくく、 初めて訪問するユーザーにとって相談内容を判断しづらい状態でした。

改善

ユーザーが相談内容をすぐ判断できるよう、 サービス導線と情報構造を再設計しました。

・ヒーローセクションで主要サービスを明確化
・相談内容別の導線設計
・視認性を意識したUIデザイン
・レスポンシブ対応によるモバイル最適化

FigmaでUI設計を行い、HTML/CSSで実装しています。

Before / After

既存サイトの情報構成を参考に、スマートフォンでも閲覧しやすいUIに改善。 情報整理と視認性を重視し、安心感のあるデザインに再構成しました。

Before

After

制作内容

・UIデザイン
・HTML / CSS実装
・レスポンシブ対応
・ハンバーガーメニュー実装

補足

既存サイト構成を参考に UI改善を目的としたデモサイトとして制作。