Figma・XD・画像・PDFのデザインを、PC・タブレット・スマホで崩れないWebページにコーディングします(HTML/CSS(SCSS)/JavaScript)。LP、コーポレートサイト、店舗サイトに対応します。
【特長】
1. デザインと重ねて確認します
PC・スマホとも、デザインと実装を画像で重ねて比べ、ズレを確認してから納品します。
2. 表示速度・アクセシビリティも確認
Lighthouseで、表示速度・アクセシビリティ・SEOの基本項目を確認します。
3. あとから直しやすいコード
命名やファイル構成を整理して納品します。納品物は通常のHTML・CSSなので、あとから文章や画像を差し替えられます。
【料金】
・基本料金:下層ページ1ページ(PC・スマホ対応、動きなし)
・TOPページ・LPなど情報量の多いページは「TOP・LPクラスへの変更」オプションを追加してください
・ページの追加、お急ぎ対応は有料オプションでお受けします
・例)TOP1ページ+下層2ページ=8,000円+10,000円+6,000円×2=30,000円
・範囲が分からない場合は、購入前に見積り相談からデザインをお送りください
【対応できること】
・LP、コーポレートサイト、店舗サイトのコーディング
・レスポンシブ対応(PC/タブレット/スマホ)
・スライダー、モーダル、タブ、アコーディオン、スクロールで表示する動きなど
・お問い合わせフォームの入力チェック(送信の仕組みはご相談ください)
・ChatGPTなどのAIで作ったデザイン画像からのコーディング
【ご用意いただくもの】
・デザインデータ(Figma・XDの共有、または画像・PDF)
・画像・文章などの素材
・動きの指定(ある場合)。デザインから読み取れない部分は、こちらから確認します
【対応できないこと】
・デザインを作るご依頼(ロゴ・バナー・ゼロからのデザイン)
・STUDIO・Wixなどの専用ツールでの実装
・サーバー・ドメインの設定、継続的な保守
・家具・インテリア関連のサイト
・ログイン情報(パスワード)をお預かりしての作業
【進め方】
1. デザインと素材を確認し、曖昧な点を一覧にしてお送りします
2. コーディング(途中で確認用の画面をお見せします)
3. PC・スマホ・主要ブラウザで確認し、納品(ソース一式+組み込み手順のメモ)
4. 修正(2回まで)
本業と並行して、平日の夜と土日に作業しています。メッセージは毎日確認し、原則24時間以内にお返事します。
・ご購入前に、デザイン(ページ数・スマホ版の有無)と素材の状況を見積り相談でお送りいただけると、範囲と料金を正確にご案内できます。
・基本料金は「下層ページ1ページ・動きなし・修正2回」です。TOPページやLP、ページの追加は有料オプションを追加してください。
・スマホ版のデザインがない場合は、PC版をもとにこちらでスマホの配置を組みます(大きく作り変える場合はご相談ください)。
・納品はソース一式(ZIP)です。公開作業はお客様側のサーバーへのアップロードをお願いします。ログイン情報(パスワード)はお預かりしません。
・デザインの追加・変更や、機能が増える場合は、事前にお見積りしてから対応します。
・画像の加工・切り抜き、文章の作成は含みません。