歯科クリニック（自主制作）

コーディング内容

Figmaのデザインカンプからコーディングし、WordPress構築まで行いました。

こだわり

Webフォントをサブセット化し、ファイルの読み込み最適化。細かくチューニングし、表示速度のパフォーマンスを最大限高めました。PageSpeed Insightsの計測で全ページスコア100近くです。スムーススクロールにもこだわり、心地良い体感が得られるように細かく調整しました。

コーディング設計

CSS設計はBEMを基本に、Sassで作成しています。共通部分は使い回し、コードの複雑さを回避しています。カスタム投稿タイプやカスタムフィールドを利用し、更新しやすいシステムを組みました。