FigmaをHTML/CSSでコーディングします

Figmaで作成されたデザインデータをもとに、HTML / CSS / SCSS / JavaScript でコーディングいたします。 LP（ランディングページ）、コーポレートサイト、店舗・事業のホームページに対応しています。 【料金に含むもの】 ・レスポンシブ対応（PC・タブレット・スマートフォン） ・4ブラウザ（Edge / Chrome / Safari / Firefox）と実機での表示確認 ・画像の軽量化（WebP変換、遅延読み込み） ・各ページ2回までの修正 【オプションで対応できること】 ・スライダー、スクロールに合わせた動き、ハンバーガーメニュー ・お問い合わせフォームの設置 ・検索結果やSNSで共有されたときの表示設定（メタ情報・OGP） ・静的サイトのWordPressオリジナルテーマ化 ・公開作業（サーバーへのアップロード、ドメインの設定値のご案内） 【デザインの再現について】 余白・文字サイズ・色は、Figmaの数値を拾って実装します。目分量で近づけることはしません。 PC・タブレット・スマートフォンで画面幅が変わる部分は、デザインの意図を崩さないように調整します。スマートフォン用のデザインしかない場合も、ご相談ください。 なお、ブラウザごとの文字の表示の違いなどにより、1px単位の完全一致（ピクセルパーフェクト）は標準の対応に含みません。完全一致をご希望の場合は、ご購入前にご相談ください（別途お見積り）。 【納品するコードについて】 SCSSはFLOCSS×BEMで設計し、色・余白・書体はデザイントークンとして1か所にまとめています。 文章の差し替えや色の変更を、ほかの箇所を崩さずに行えます。公開後にご自身で更新する場合や、別の制作者に引き継ぐ場合にも扱いやすい構成です。 【ご用意いただくもの】 ・Figmaの共有リンク（閲覧権限で大丈夫です） ・画像、ロゴ、文章などの素材 ・使用フォントの指定（デザインに含まれていれば不要です） 【ご依頼の流れ】 1. メッセージでデザインデータとページ数をお知らせください 2. 内容を確認し、お見積りと納期をご提示します 3. ご購入後、コーディングを進め、テスト環境で確認いただけるURLをお送りします 4. 修正を反映して納品します 【対応していないこと】 ・デザインの制作（デザインデータがある状態からのご依頼をお受けしています） ・既存WordPressサイトの保守・不具合対応 ・Shopify、ECサイトの構築 ・サーバーやドメイン管理画面のログイン情報のお預かり（公開作業は、作業用アカウントの発行か設定値のご案内で対応します） 【こんな方におすすめです】 ・Figmaで作ったデザインを、そのまま形にしてくれる人を探している ・スマートフォン対応まで任せたい ・公開後に自分でも更新しやすい状態で受け取りたい ・制作会社・デザイナーとして、コーディングの外注先を探している ご相談・お見積りは無料です。まずはメッセージよりお気軽にお問い合わせください。