デザインカンプをもとに、LP(ランディングページ)のHTML/CSSコーディングを行います。
LPは訪問者の行動を促すページだからこそ、見た目の正確な再現だけでなく、表示速度やCTAの視認性も意識した実装を心がけています。
「LPのデザインはできたけどコーディングできる人がいない」
「広告用のLPを早く公開したい」
「Figma・XDのデータをそのままWebに反映してほしい」
といったご依頼に対応しています。
現在もWeb業界でフロントエンド実装に関わっており、デザインの意図を汲み取りながら、ピクセル単位で正確にコードへ落とし込むことを得意としています。
対応範囲
・デザインカンプ(Figma / XD / Photoshop)からのコーディング
・レスポンシブ対応(PC・スマホ)込み
・簡易なアニメーション・JavaScriptの実装
・内部SEOを意識したマークアップ
・OGP設定(SNSシェア時の画像・テキスト)※基本料金に含む
基本料金について
・LP 1ページ(10セクション程度まで、レスポンシブ・OGP込み)が目安です
・セクション数が多い場合は有料オプションにて対応いたします
納品形式
・HTML / CSS / JavaScriptファイル一式
対応の流れ
デザインデータの確認→お見積り→コーディング→納品→ご確認・調整
※デザイン制作は含まれません。デザインデータのご用意をお願いいたします。
※WordPress等のCMS組み込みには対応しておりません。
※オプション追加により納期が延びる場合があります。
※フォームの送信処理やバックエンド開発は対応外です。フォームUIの設置やGoogleフォーム等の埋め込みについてはご相談ください。
まずはお気軽にメッセージください。
ご購入前に必ずご確認ください
・本サービスはデザインデータからのHTML/CSSコーディングのみとなります
・デザイン制作、WordPress等のCMS組み込みは対応外です
・基本料金はLP 1ページ(10セクション程度まで、レスポンシブ込み)が目安です
・セクション数が多い場合は有料オプションにて対応いたします
・作業開始後の大きな内容変更は追加料金が発生する場合があります
・ご不明点がある場合は、購入前にメッセージにてご相談ください
【ご購入時にお知らせいただきたい情報】
・デザインデータ(Figma / XD / PSDなど)
※Figmaはリンク共有、XD・PSDはファイル送付でお願いします
※大容量ファイルはギガファイル便等をご利用ください
・セクション数の目安
・アニメーションの有無と内容
・フォームの有無
・希望納期
・参考LPがあればそのURL