業務内容
Figmaデザインを高品質なWebサイトへ！あなたの想いをカタチにします。
このようなお悩みはありませんか？
Webサイトのデザインはあるけど、コーディングできる人がいない。コーディングを依頼したいが、どこに頼めば良いか分からない。クオリティの高いWebサイトを制作したいが、費用を抑えたい。
発注の流れ
お問い合わせ
メッセージにて、Figmaデザインデータ、ご希望のWebサイトイメージ、納期などをお知らせください。
デザイン確認・ヒアリング
Figmaデザインデータを確認し、Webサイトの構成、必要な機能、デザインの詳細についてヒアリングいたします。
お見積もり・ご契約
お打ち合わせ内容に基づき、お見積もりと制作スケジュールをご提示いたします。
制作開始
コーディング作業を開始し、進捗状況を随時ご報告いたします。お客様からのフィードバックを元に修正も行います。
納品・検収
完成したWebサイトをご確認いただき、修正点があれば修正いたします。
対応範囲・価格
Webサイト コーディング：1万円〜
Figmaデザインを基に、HTML/CSS/JavaScriptで忠実に再現。レスポンシブ対応でスマホ表示も美しく。
フェードイン、スライド、ハンバーガーアイコンなどのアニメーション可能。
Webサイト コーディング：5万円〜
上記以外の複雑なアニメーションが必要な場合。
WebサイトWordPressオリジナルテーマ構築：10万円〜
納期
最短7日
制作の流れ
設計・準備
Figmaデザインデータを詳細に分析し、Webサイトの構造を設計します。
コーディング
HTML/CSS/JavaScriptを用いて、Figmaデザインを忠実にコーディングします。 レスポンシブ対応も行います。
WordPress 構築（必要な場合）
WordPress化をご希望の場合は、WordPressのテーマを構築し、必要な機能を実装します。
品質チェック
Webサイトの動作確認、表示確認、SEO対策など、品質チェックを行います。
最終確認・修正
お客様にWebサイトをご確認いただき、修正点があれば修正いたします。修正３回無料。
納品・公開
Webサイトのデータを納品いたします。サーバーへのアップロード作業もサポートいたします。
サービス内容
Figmaからのコーディング代行、Webサイト制作、WordPress構築を承ります。お客様のデザインを高品質なWebサイトとして実現いたします。
Webサイトのデザインはあるけど、コーディングできる人がいなくて困っていませんか？
コーディングを依頼したいけど、どこに頼めば良いか分からなくて悩んでいませんか？
そんなあなたのために、Figmaデザインからの高品質なWebサイト制作を承ります。
私は、Figmaデザインを忠実に再現し、細部まで丁寧に仕上げることを得意としています。
これまでの経験を活かし、お客様のWebサイト制作をサポートいたします。
Webサイト制作でお困りの方は、ぜひ一度ご相談ください。
ポートフォリオはこちら https://fori.io/leo-code-lab
基本料金
オプション料金
事例
出品者
1日前
納期厳守・即レス対応。安心して任せられるWeb制作
-
0 満足0 残念
- レギュラー
- 個人
- 愛知県
◼︎自己紹介
前職は看護師でしたが、現在はフリーランスのWeb制作者として活動しています（主にコーディング代行）。
ミスが許されない業務で鍛えた確認力・正確性を、構造化マークアップやSEOフレンドリーなコーディングにも活かしています。
丁寧で信頼できる対応を心がけ、クライアント様に安心感を届けます。
■Web制作・コーディングを中心に活動しています。
HTML/CSS/Sass/jQueryを用いた静的サイト制作から、WordPress化まで対応可能です。
Figmaカンプからの実装で、細部まで丁寧に仕上げることを大切にしています。
これまでの経験を活かし貢献できれば幸いです。
◼︎スキル
・HTML、CSSを使って、（figmaから静的サイトの作成）
・Sassを用いて、ファイル分割や保守性を意識したコードの記述
・jQuery(JavaScript)を使って動きのあるWEBサイトの制作
(スライダー、ドロワーメニュー、アコーディオンメニュー、ページ内リンク、トップに戻るボタン)
・PHPを用いて、静的サイトをWordpressのオリジナルテーマ制作
(Wordpress各種ツール導入:ページ送り、お問い合わせフォーム、パンくずリスト表示、カスタムフィールド、ショートコー ド
◼︎活動時間／連絡について
できる限り柔軟にご対応させていただきます
お気軽にご相談ください。
連絡は基本的にいつでも可能です。
できる限り素早い返信を心がけております。
遅くても２４時間以内には必ず返信いたします。
フリーランスのため、できる限り柔軟にご対応させていただきます。
ご相談のみも受け付けております。
ご興味持っていただけましたら、メッセージでお気軽にお声がけください。
どうぞ宜しくお願いいたします。
よくある質問
- Figma以外のデザインデータでもコーディングできますか？
- はい、可能です。Figmaデザインデータをご提供いただければ、忠実に再現いたします。
- スマートフォン対応のWebサイトも制作できますか？
- はい、レスポンシブ対応で、スマートフォンやタブレットでも綺麗に表示されるWebサイトを制作いたします。
