デザイン支給のLPをレスポンシブ実装します

「デザインは完成したので、コーディングを頼みたい」 「スマホでも読みやすく、後から修正できるLPにしたい」 デザイナー・制作会社・事業者の方へ、支給デザインを静的HTML／CSSで実装します。 支給されたXDデザインから、企画展LPのHTML／CSS／JavaScript実装、表示調整、ソース一式と差し替え手順の納品に対応した実績があります。 みちぇるが仕様確認から実装・チェック・引き継ぎまで担当します。 ■基本料金40,000円の範囲 ・日本語のLP1ページ ・本文8セクションまで＋ヘッダー・フッター各1 ・確定したPC／スマホ両方の支給デザインを実装 ・画面幅に合わせた文字・画像・余白の調整 ・ボタン、既存の申込み先へのリンク、ページ内移動 ・支給デザインに含まれる簡易なスマホメニュー開閉1つ ・見出し構造の調整、支給のページタイトル・説明文の設定 ・支給内容をもとに、必要な画像へ基本的な代替テキストを設定 1セクションは「1つの見出しを中心とした内容のまとまり」です。8セクション以内でも、長い一覧・複雑な表組み・多数のカード・特殊な装飾や動作を含む場合は、実装量を確認して別見積りとし、購入前に総額を確定します。 PC／スマホの支給デザインを基準に、間の画面幅はレイアウトが破綻しないよう調整します。中間幅専用のデザイン指定がある場合は購入前にお知らせください。 本文は原則HTMLテキストで実装し、ページ全体を無断で画像化しません。 ロゴ・写真・装飾画像は支給素材を使用します。端末やフォントによる差を踏まえ、再現方法に判断が必要な箇所は事前に相談します。 ■表示・動作確認 基本確認はWindows版Chrome／Edgeで、横幅375・390・768・1440pxを基本に表示を確認します。 文字のはみ出し、画像、余白、リンク、メニューの動作をチェックします。 スマホ幅での確認はブラウザ上の確認です。iPhoneのSafari等の実機確認が必要な場合は、確認環境と範囲を購入前に合意します。 ■納品するもの ・HTML／CSS／必要なJavaScriptと使用素材のZIP ・文字・画像・リンクの差し替え箇所を示す手順書 ・確認した環境とチェック結果 当方作成コードは編集可能な形でお渡しします。 基本はファイル納品です。サーバーへのアップロード・本番公開は別見積りです。 ■基本料金に含まれないもの デザイン・原稿・素材の新規制作、PC版だけからのスマホデザイン設計、追加ページ、複雑なアニメーション、動画モーダル、フォーム送信処理、WordPress・STUDIO・Shopifyへの組み込み、計測設定、広告運用は別途ご相談ください。 ■進め方 ①デザイン・素材・動作仕様・希望納期を確認 ②範囲・総額・納期・確認環境を合意して購入 ③実装して確認用データをご案内 ④お客様の確認・修正 ⑤合意した表示と動作を確認し、ソース一式を納品 必要資料と仕様が揃ってから14日が目安です。 合意範囲内の調整は3回まで。当方起因の不具合は回数に含めず納品前に修正します。 納品後14日以内にご連絡いただいた当方起因の不具合も無償対応します。 まずはデザインの準備状況と、ご希望の公開日をお知らせください。