Webクレール歯科クリニック 様
- URL
- https://clair-shika.com/
- 制作期間
- 6日（2026年3月）
- 制作内容
- トップデザイン、コーディング（トップ、下層）
- 使用ツール
- Figma, VS code, Wordpress
- 詳細
- お客様のご要望「ターゲットを絞らない万人受けするデザインと自費診療の訴求、落ち着いた高級感を求める」に応え、ゴールドを基調色に採用してシンプルで視認性の高い構成に仕上げました。単調な印象にならないようSVGやGSAPアニメーションを効果的に取り入れて視覚的なインパクトを与え、特に「選ばれる理由」セクションではカード型のGSAPアニメーションを実装することで、情報をすっきりと整理しつつ動きのある洗練された演出にこだわりました。
工夫と提案①
ご提示いただいたワイヤーフレームのレイアウトに対し、実際の文字量に合わせカード型GSAPアニメーションの導入を提案しました。情報をすっきりと整理しながら動きのある演出を実現しました。
工夫と提案②
PC画面で情報を一目で視認できるようレイアウトを提案し、セクションの上下の余白を最適化してすっきりと仕上げました。