LumierePawPaw
- ROLE
- Design / Front-end Development
- FOCUS
- UI Design × Accessibility
- DESIGN
- Self-directed
- YEAR
- 2026
THE BRIEF
不安を抱えて訪れる人に、やさしく情報が届く動物病院サイトへ。
動物病院を想定し、企画・情報設計・デザイン・コーディングまで一貫して制作したデモサイトです。
飼い主が診療内容や受診方法を迷わず確認できることと、医療機関としての信頼感を保ちながら、動物病院らしいやわらかな印象を伝えることを意識しました。
飼い主が診療内容や受診方法を迷わず確認できることと、医療機関としての信頼感を保ちながら、動物病院らしいやわらかな印象を伝えることを意識しました。
THE APPROACH
CLEARANDREASSURING.
情報量が多くなりやすい医療系サイトだからこそ、見出しや余白、情報のまとまりを整理し、必要な情報へ自然にたどり着ける構成を意識しました。
装飾やモーションは雰囲気づくりだけに使うのではなく、読みやすさや視線誘導を妨げない範囲に抑えています。
IMPLEMENTATION
- 01
Design
動物病院としての信頼感と親しみやすさを両立できるよう、配色・余白・写真・タイポグラフィを含めてサイト全体のUIを設計。
- 02
Information Design
診療案内や初診案内など、利用者が確認したい情報を整理し、ページ構成と導線を設計しました。
- 03
Responsive
スマートフォンでも診療情報や各種案内を読みやすく確認できるよう、コンテンツ幅や余白、レイアウトを画面サイズに応じて調整。
- 04
Accessibility
セマンティックなHTMLや適切な見出し構造、操作性を意識し、情報をできるだけ多くの利用者が取得しやすい実装を行いました。