URL

Client Work（非公開）

Source Code (GitHub)

Client Work（非公開）

Production Period

・既存コード解析・設計：3時間 ・フロントエンド開発：12時間（レスポンシブ・アニメーション含む）
・WordPress組み込み：2時間 ※現在進行中のため目安

Overview

既存の歯科医院公式サイトにおいて、サービス拡充に伴う「インプラント」「セラミック」等の特設ページの実装を担当。既存のデザインシステムを継承しつつ、患者様に信頼感を与えるUIへとアップデートしました。

Design Concept

Design Concept コンセプトは「Trust & Clean」。 既存サイトのトーン＆マナーを厳守しつつ、Figmaから「自由診療」としての特別感を汲み取り、フォントサイズや余白の微調整を行いました。既存のCSS設計（BEM）を崩さずに、拡張性と保守性の高いスタイリングを意識しています。

Skills

HTML / CSS / WordPress

Technology

・既存コードの解析と継承：BEMに基づいた既存のCSS設計を読み解き、追加実装による表示崩れを防ぐ堅牢なコーディングを徹底
・レイアウト：管理画面からの更新性を維持しつつ、デザインの自由度を確保
・PM視点の自走開発：Figmaの意図を汲み取り、指示待ちをすることなく「既存ページとの整合性」や「ユーザー導線」を考慮して実装

Result / Learning

「大手SIerでのPM経験」をWeb制作現場に転用。ディレクターとのコミュニケーションコストを最小限に抑え、既存コードの負債を増やさない綺麗な実装を行うことで、開発効率の向上に貢献しました。