デザインを丁寧にHTML・CSSで再現します

「Figmaや画像で用意したデザインを、実際に動くWebページにしたい」 「余白・文字サイズ・配置まで丁寧に仕上げてほしい」 「PCだけでなくスマホでも見やすく表示したい」 そんなご要望に、HTML・CSSを中心とした丁寧なコーディングでお応えします。 企業サイト、サービス紹介ページ、ランディングページなどを対象に、見た目の再現だけでなく、更新・修正のしやすさや基本的なアクセシビリティにも配慮して制作します。 【このような方におすすめ】 ・完成済みデザインのコーディングを依頼したい ・細かな余白、色、文字組みまで調整したい ・PC・スマートフォン両方に対応させたい ・制作会社の外注先や継続的な制作パートナーを探している ・既存ページの一部をきれいに整えたい 【主な対応内容】 ・HTML5／CSS3による静的ページ制作 ・レスポンシブ対応（PC・スマートフォン） ・見出し、ボタン、表、画像などのスタイル調整 ・ホバーなど軽微なCSS演出 ・読みやすいHTML構造と適切な見出し設定 ・ブラウザでの表示・リンク動作確認 【基本料金に含まれる内容】 30,000円で、完成デザインをもとに静的Webページ1ページを制作します。 ・1ページ／最大5セクション（一般的な構成） ・PC・スマートフォンの2画面幅への対応 ・HTML・CSSによるコーディング ・軽微なCSSアニメーション（ホバー効果など） ・画像の配置、テキストの流し込み ・基本的な表示・リンク確認 ・HTML／CSS／使用画像等のファイル納品 ・合意したデザインとの差異に関する軽微な修正2回 ※デザインデータ・画像・原稿は原則としてご支給ください。ページの長さや要素数により別途お見積りする場合があります。 【制作の流れ】 ① ヒアリング デザインデータ、仕様、対応画面幅を確認します。 ② お見積り 作業範囲・費用・納期を確定します。 ③ コーディング デザインを見ながらページを実装します。 ④ 確認・修正 表示確認と合意範囲内の調整を行います。 ⑤ 納品 必要ファイル一式をお渡しします。 【追加対応】 ページ追加、長尺LP、JavaScriptの複雑な動き、フォーム送信機能、WordPress組み込み、既存サイトへの反映、サーバー公開作業などは別途お見積りします。 ※画面幅やブラウザによって文字の折り返し・表示に差が出る場合があります。すべての環境での完全一致や検索順位を保証するものではありません。 まずはココナラのメッセージからお気軽にご相談ください。