外部レビュー
個別相談
お問い合わせ
制作実績WORKS
スマートフォン閲覧を前提に、情報量と見やすさを両立したサイトへ
矯正歯科クリニック様のサイトリニューアルを担当いたしました。これまでのアクセス解析からスマートフォンでの閲覧が主流であることを前提に、スマホファーストのレイアウト設計を軸にした構築を行っています。クリニックのサイトとしての信頼感と、スマートフォンでの操作性を両立させた事例です。
| 企業 | ふじた矯正歯科クリニック 様 |
|---|---|
| 業種 | 矯正歯科クリニック |
| 種別 | スマホファースト |
| ターゲット | BtoC |
| ページ数 | 25ページ |
| エリア | 東京都調布市 |
| テイスト | 信頼感・シンプル |
|---|---|
| 制作内容 |
|
Point 01
スマートフォン前提で再構成した
レイアウト設計
本サイトでは、リニューアルの検討段階からスマートフォンでの閲覧を基準にした構成を前提にしており、これまでのPCサイトで蓄積されてきた情報量はそのままに、小さな画面でも迷わず読める構造へサイトを縮小するのではなく、スマートフォンでの読まれ方を考慮した再配置を行っています。
縦方向でのスクロールをベースに、情報のまとまりごとにブロックを整理し、視線の流れが途切れないレイアウトを採用しました。
-
Top Page
トップページ
-
Subpage Type A
矯正治療の流れ
-
Subpage Type B
診療時間・アクセス
Point 02
情報量を維持しながら
下層ページの構造を再設計
これまでのPCサイトが持っていた情報ボリュームはそのままに、とくに下層ページの構造をスマートフォンでどう見せるかに注力しました。
長文情報はセクションごとに区切り、見出し・ボタン・余白の使い方を整理することで、読み進めやすいリズムを形成。
情報の削減ではなく、構造整理による可読性向上を図っています。
Point 03
スマホレイアウトでも保たれる
デザイン性
スマートフォン対応に伴い装飾を削ぎ落とすのではなく、単調にならないデザイン性を維持しています。
クリニックサイトとしての安心感を軸にしながら、視覚的な整いを感じられるUIに。清潔感のあるカラーを基調とし、文字色についても方向性に合わせたグレートーンで統一しています。
RELATED
PROJECT
Take a Lookこちらもあわせて
関連するプロジェクトとして、こちらも対応をさせていただきました。
SIMILAR WORKS
