デザインをHTML・CSSにコーディングします Figma・XD・画像のデザインをスマホ対応で イメージ1
デザインをHTML・CSSにコーディングします Figma・XD・画像のデザインをスマホ対応で イメージ2
デザインをHTML・CSSにコーディングします Figma・XD・画像のデザインをスマホ対応で イメージ3
1/3

デザインをHTML・CSSにコーディングします

Figma・XD・画像のデザインをスマホ対応で

評価
-
販売実績
0件
残り
3枠 / お願い中:0人
デザインをHTML・CSSにコーディングします Figma・XD・画像のデザインをスマホ対応で イメージ1
デザインをHTML・CSSにコーディングします Figma・XD・画像のデザインをスマホ対応で イメージ1
デザインをHTML・CSSにコーディングします Figma・XD・画像のデザインをスマホ対応で イメージ2
デザインをHTML・CSSにコーディングします Figma・XD・画像のデザインをスマホ対応で イメージ3
レスポンシブ(スマホ対応)
基本対応範囲
サイト制作 / LP / 問い合わせフォーム / FAQ
お届け日数
5日(予定)
言語

サービス内容

▼ 制作例(実際に動くページです。スマホでもご確認いただけます) ・デザインとコーディング結果の重ね合わせ https://koki-lp-portfolio.vercel.app/works/code/ ・湖畔の宿のLP(世界観重視) https://koki-lp-portfolio.vercel.app/works/migiwa/ ・ピラティスの予約LP(予約フォームつき) https://koki-lp-portfolio.vercel.app/works/sebone/ ・シニア向け出張買取のLP(電話問い合わせ) https://koki-lp-portfolio.vercel.app/works/fukurou/ ※いずれも架空の題材を想定した自主制作です。 ■ 価格について(全サービス合計で先着10社様・2026年12月31日まで) ココナラでの実績がまだないため、最初の10社様に限り、このカテゴリの最低価格3,000円でお受けしています。価格は控えめですが、内容は通常どおりです。 Figma・XD・Photoshop・画像などでお手元にあるデザインを、HTML / CSS / JavaScriptで動くページにします。デザインの意図を崩さず、スマホでも読みやすい形に組み上げます。 ■ こんな方に ・デザインはできたが、コーディングする人がいない ・デザイナーさんからデータを受け取ったので形にしたい ・LPやページの一部だけをコーディングしてほしい ■ このサービスの特徴 1. デザインとの差が出やすい余白・文字サイズを、重ねて見比べながら合わせます 2. PCのデザインしかなくても、スマホ表示を提案して組みます 3. 開閉するQ&A、スライダー、フォームの入力チェックなどの動きも作れます 4. 後から直しやすい、読みやすいコードで納品します ■ 料金の目安 ・3,000円:LPのファーストビューなど1セクション程度 ・ページ全体や複数ページは、デザインを拝見してからお見積りします。ご購入前に「見積り相談」からお気軽にどうぞ ■ 進め方 1. デザインデータ(Figmaの共有URL、XD、画像など)をお送りください 2. 範囲と金額、納期を確認します 3. コーディングして、確認用のURLをお送りします 4. 修正を重ねて、ファイル一式を納品します ■ 先にお伝えしておくこと ・制作には生成AIを活用しています。構成・文章・コードは自分で確認してからお渡しします。 ・サーバーやドメインの費用は含まれません。 ご購入前のご相談もお気軽にどうぞ。

購入にあたってのお願い

ご購入前に「見積り相談」から、デザインデータ(またはその一部の画像)をお送りください。 あわせて、次のことも分かる範囲で教えてください。 ・ページ数とおおよその長さ ・スマホ用デザインの有無 ・動き(アニメーション、スライダーなど)の有無 ・公開先(サーバー、WordPressへの組み込みなど) ・希望の納期
3,000 円
3,000 円
15ポイント (0.5%) 獲得
ココナラの安心保証
  • お支払いは取引完了までココナラがお預かり(エスクロー)。納品、解決まで出品者には渡りません。
  • 万一のトラブル時はココナラサポートが間に入って対応します。
  • サービスに重大な問題があった場合はキャンセル・返金の対象です。