▼ 制作例(実際に動くページです。スマホでもご確認いただけます)
・デザインとコーディング結果の重ね合わせ
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への組み込みなど)
・希望の納期