Figmaのデザインを、丁寧にWEBサイトへ。
はじめまして。WEB制作サービス「ミライ図」です。
完成済みのFigmaデザインをもとに、HTML/CSS・JavaScriptを使用したWEBサイトの実装を承ります。
デザイナー様や制作会社様が大切に仕上げたデザインの意図を尊重し、見た目だけでなく、操作性やスマートフォンでの表示も確認しながら制作します。
【MIRAIZU Launch Campaign】
サービス公開記念キャンペーンを実施しています。
■ 実施期間
2026年10月22日〜11月21日
■ 対象
期間中の先着3件(全プラン合計)
※予定件数に達した場合は期間内でも終了します。
【各プランのご案内】
■ LIGHT|21,000円
小規模な静的WEBページの実装向け。
基本的なレイアウト・装飾、PC・スマートフォン対応、コード納品を含みます。
■ STANDARD|35,000円
LIGHTの内容に加え、セクション数や基本的なJavaScript操作を拡張した制作向け。
■ PREMIUM|56,000円
STANDARDの内容に加え、複雑なレイアウトや演出を含む制作向け。
※STANDARD・PREMIUMは基本料金に有料オプションを追加する方式です。
※プラン変更オプションの併用はできません。
※具体的な対応範囲・納期は、Figma原本を確認して事前見積りで確定します。
※CMS・外部サービス連携・高度なアニメーションは別途ご相談ください。
※各プランの対応範囲は事前見積りでご案内します。
※購入前に必ずお見積りをご相談ください。
【基本サービス】
・Figma原本をもとにした静的WEBページの実装
・HTML/CSSによるレイアウト・装飾
・基本的なJavaScript操作
・PC・スマートフォン表示調整
・原本との表示比較・操作確認
・HTML/CSS/JavaScript等のコード納品
【制作の進め方】
① ご相談・Figma原本の確認
② 制作範囲・料金・納期のご案内
③ ご購入・制作開始
④ PC・スマートフォンで表示・操作を検品
⑤ 必要な修正・最終確認
⑥ コード納品
【制作について】
Figmaのデザインを尊重し、可能な限り忠実な実装を目指します。
ブラウザ・OS・フォント環境によって表示に差が生じる場合があります。完全なピクセル単位での一致を保証するものではありません。
複雑なアニメーション、CMS、外部サービス連携などは内容を確認し、別途お見積りします。
【AIを活用した制作体制】
AIを制作補助として活用しながら、コードの確認、表示比較、操作検品を行います。
AI任せで納品するのではなく、必要な確認・修正を経て品質を整えます。
お客様からお預かりする資料のAI利用については、事前に取扱条件を確認します。
【ご購入前に】
Figma原本(PC版・スマートフォン版)、対象ページ数、必要な機能、希望納期などをお知らせください。
制作範囲とお見積りをご案内します。
デザインの意図を大切に、安心してご相談いただけるWEB制作を目指します。
ご購入前に、必ずココナラ内の「見積り相談」からご連絡ください。
【事前に確認したい内容】
・Figma原本の有無(PC版・スマホ版)
・制作対象のページ数、セクション数
・画像、フォント等の素材の有無
・必要な機能やアニメーション
・希望納期
・納品形式(HTML/CSS/JavaScript等)
・素材の利用権限、AI活用に関するご希望
【基本サービスについて】
完成済みFigma原本をもとに、静的1ページ・1〜3セクションを目安に実装します。
高度なアニメーション、CMS、予約・決済機能、公開代行等は標準対象外です。
原本と仕様を確認し、対応範囲・料金・納期に合意してから制作を開始します。
お客様都合の軽微な仕様変更は2回・合計2時間までを基本とし、当方の実装不備の是正は別途対応します。
すべてのやり取り・納品はココナラ内で行います。