Building

実装（HTML/CSS/JS）

アニメーション、レスポンシブ、アクセシビリティ、UI挙動まで含めて丁寧に実装します。

• ・コンポーネント化（再利用しやすい構造）
• ・表示崩れ・端末差の吸収
• ・微調整（余白・文字詰め・ホバー等）

速度・品質

体感速度と安定表示を重視。不要な揺れや横ブレ、CLS対策も行います。

• ・画像最適化（形式／サイズ）
• ・レイアウトシフト対策
• ・スクロールの横ブレ抑制

公開・運用設計

公開して終わりではなく、更新しやすい状態へ。ルール整備も可能です。

• ・ディレクトリ設計（階層ルール）
• ・更新手順の簡易マニュアル
• ・保守（軽微修正／追加）

設計意図を「見える化」してから組む

“なぜその余白か／なぜその動きか” を揃えた上で実装します。 そのため、後から増改築しても崩れにくい構造になります。

• ・パーツの役割定義（見出し/カード/ボタン等）
• ・ブレークポイント方針
• ・共通ルール（余白・フォント・色）

運用で困るポイントを先に潰す

“更新したら崩れる”“スマホだけ揺れる”“ページごとにヘッダーがズレる” を防ぐため、 最初に「再現性」を担保します。

• ・共通ヘッダー/フッターの統一
• ・画像・文字量の揺れ対策
• ・リンク/アンカーのルール整理

アニメーション／UI挙動

inview、フェード、スライド、ドロワー、スクロールヒントなど、世界観に合わせて自然な挙動へ。

1階層下・2階層下の相対パス整理

`../` と `../../` のルールを固定し、ページ追加しても破綻しない構造にします。

スマホの横ブレ・はみ出し修正

`100vw`・長い英字・transform 等の原因を切り分け、横スクロールが出ない状態に調整します。

公開・サーバー設置

FTP反映、ディレクトリ配置、動作チェックまで。更新の流れも整えて渡せます。

デザインだけ用意して実装だけ依頼できますか？

可能です。Figma等のデータから実装します。意図の確認だけ最初に行い、再現度を揃えます。

既存サイトの一部改修もできますか？

できます。崩れている箇所の原因切り分け→修正→再発しないルール作りまで対応します。