【初心者応援価格】FigmaデザインからWebサイトを制作します

Figmaデザインを忠実に再現!Webサイトを丁寧に構築します

junya
  • junya (junya4757)
  • ブロンズ 本人確認済み、受注実績あり、活躍中のフリーランスです
  • 5 満足
    0 残念

業務内容

初心者だからこその丁寧さ!Figmaデザインを忠実に再現し、お客様の想いを形にします。

このようなお悩みはありませんか?

Webサイトの立ち上げ、リニューアル、デザインデータのコーディング

発注の流れ

お問い合わせ・ヒアリング
お客様のWebサイトに関するご要望や、Figmaデザインデータについてお伺いします。目的やターゲット層、必要な機能など、詳細をお聞かせください。

お見積もり・プラン提案
ヒアリング内容を基に、最適なコーディングプランをご提案します。納期や費用、制作の流れについて詳しくご説明します。

ご契約・制作開始
ご提案内容にご納得いただけましたら、ご契約となります。Figmaデザインデータをご提供いただき、制作を開始します。

テスト・修正
コーディングが完了しましたら、テスト環境でご確認いただきます。修正点やご要望があれば、お気軽にお申し付けください。

納品・完了
最終確認後、納品となります。納品形式は、HTML/CSSファイル、JavaScriptファイルなど、ご希望に応じて対応します。

対応範囲・価格

HTML/CSSコーディング:30,000円〜
Figmaデザインを基にした、高品質なHTML/CSSコーディングを提供します。レスポンシブ対応も可能です。

JavaScript実装:10,000円〜
JavaScriptを用いたWebページの動的機能実装や、フォームの作成を行います。基本的なDOM操作、バリデーションなどに対応。

WordPressカスタマイズ:20,000円〜
WordPressのテーマカスタマイズや、テンプレートの調整を行います。お客様のニーズに合わせた柔軟な対応が可能です。

Node.js/Expressサイト制作:30,000円〜
Node.js/Expressを使用した、簡単なWebサイト制作を承ります。ルーティングやテンプレートの使用に対応。

納期

要相談(案件により柔軟に対応)

制作の流れ

Figmaデザイン分析
お客様からご提供いただいたFigmaデザインデータを詳細に分析し、コーディングに必要な要素を洗い出します。デザインの意図を正確に理解し、高品質なコーディングを目指します。

HTML/CSSコーディング
HTML/CSSを用いて、Webページの構造を構築します。Figmaデザインを忠実に再現し、美しい見た目と使いやすさを両立させます。レスポンシブ対応も行い、様々なデバイスで快適に閲覧できるWebページを実現します。

JavaScript実装
JavaScriptを用いて、Webページに動きを与えます。フォームのバリデーション、アニメーション、インタラクティブなUIなど、お客様のご要望に応じて様々な機能を追加します。

テスト・修正
完成したWebページをテスト環境で確認し、不具合や修正点がないかチェックします。お客様にもテストにご協力いただき、ご要望に応じて修正を行います。

納品・完了
最終確認後、納品となります。納品形式は、HTML/CSSファイル、JavaScriptファイルなど、ご希望に応じて対応します。納品後も、ご不明な点があればお気軽にお問い合わせください。

サービス内容

FigmaデザインカンプからのWebサイト構築、HTML/CSSコーディング、JavaScript実装、WordPressカスタマイズを丁寧に承ります。

Web制作を始めたばかりの私だからこそ、お客様のWebサイトに対する熱い想いを共有し、丁寧に形にすることができます!実績作りのため、低価格で高品質なWebサイトをご提供いたします。まずはお気軽にご相談ください!

基本料金

プラン
10,000

ベーシック

Figmaデザインを基にしたHTML/CSSコーディング。
基本的なWebサイトの構築を行います。
50,000

スタンダード

Basicプランに加え、JavaScriptによる動的な機能実装、
レスポンシブ対応を行います。
80,000

プレミアム

Standardプランに加え、WordPressの導入、
テーマカスタマイズ、SEO対策を行います。
納期
14 日
21 日
30 日
合計
10,000円
50,000円
80,000円

※ 納期は仮払い完了後からの日数です。

出品者

junya
junya (junya4757)

コーディング力に自信あり!低価格・短納期でデザインを忠実に再現します!

  • 5 満足
    0 残念
  • ブロンズ
  • 個人
  • 埼玉県

はじめまして!プロフィールをご覧いただきありがとうございます。

ホームページのコーディングを行っております。
カンプデータをいただければ(Figma、Photoshop等)短納期、低価格にてご納品が可能です。


【対応可能な技術】

HTML / CSS(レスポンシブ対応可)

JavaScript(基本的なDOM操作、バリデーションなど)

Node.js / Express(基本的なルーティングやテンプレートの使用)

WordPress(テンプレートタグ、テーマ構造の理解)



ご依頼いただいた内容には、責任を持って丁寧に対応させていただきます。
「こんなことはできますか?」というご相談レベルでも構いませんので、ぜひお気軽にメッセージをいただければと思います。
どうぞよろしくお願いいたします。お気軽にご連絡ください。

よくある質問

Figma以外のデザインデータでもコーディングできますか?
はい、可能です。
スマホ対応のWebサイトも作れますか?
はい、可能です。レスポンシブ対応で、PC、スマホ、タブレットなど、様々なデバイスで閲覧できるWebサイトを制作します。
Webサイトの保守・運用もお願いできますか?
はい、承っております。まずは、お気軽にご相談ください。

注文時のお願い

Figmaのデザインデータをご用意ください。 制作に必要な情報(サイトの目的、ターゲット層、参考サイトなど)をお知らせください。 納期について、ご希望があればお申し付けください。

※ 納期は仮払い完了後からの日数です。