Drag

制作実績

松野歯科医院

https://www.matsunodental.com/

  • [ Role ]
  • frontend
  • cms

DESCRIPTION

松野歯科医院様のサイトリニューアルにおいて、フロントエンド実装を担当しました。
医院の信頼感や清潔感を大切にしながら、視覚的にも心地よい体験を設計しています。

HTML / Sass / JavaScript をベースに、GSAPを活用したアニメーションを実装。
トップページのメインビジュアルや各所のスクロール演出により、医院のやわらかく丁寧な印象を表現しました。

また、WordPressを用いたオリジナルテーマ開発により、投稿タイプやタクソノミー設計を含めた柔軟な更新環境を構築。
スマートフォン閲覧を前提としたレスポンシブ設計とパフォーマンス最適化にも配慮し、快適に閲覧できるサイトに仕上げています。

デザインの意図を忠実に再現しつつ、実装面からもクオリティを高めることを意識したプロジェクトです。
デザインを“再現する”のではなく、“質感ごと実装する”ことを意識し、アニメーションや余白設計、表示速度にまで踏み込んだフロントエンド構築を行いました。

Direction/Design:株式会社フィールド