業務内容
1. 初回ヒアリング
- クライアント（駆け出しWebデザイナー）のデザインファイルの受け取り
- デザインの意図や特殊な要望についてのヒアリング
- ポートフォリオサイトの目的や掲載内容の確認
2. デザインファイルの分析
- 提供されたデザインファイル（PSD、Figma、XDなど）の詳細確認
- デザインの実現可能性の検討
- 必要に応じて、技術的な観点からの提案や助言
3. HTML構造の設計
- デザインに基づいたセマンティックなHTML構造の計画
- 適切なタグの選択とアクセシビリティへの配慮
4. CSS設計とコーディング
- 効率的で保守性の高いCSS設計
- デザインの忠実な再現
- レスポンシブデザインの実装（モバイル、タブレット、デスクトップ対応）
5. JavaScriptの実装（必要に応じて）
- デザインに含まれる動的要素の実装
- 基本的なインタラクションの追加（必要な場合）
6. クロスブラウザ対応とテスト
- 主要ブラウザ（Chrome、Firefox、Safari、Edgeなど）での表示確認
- 各デバイスでのレスポンシブデザインの動作確認
7. 最適化とパフォーマンス向上
- 画像の最適化（サイズ調整、圧縮など）
- CSSとJavaScriptの最小化
- ページ読み込み速度の改善
8. 基本的なSEO対策
- 適切なメタタグの設定
- 画像のalt属性の最適化
- セマンティックなHTML構造の確保
9. コードレビューとフィードバック
- 実装したコードの説明
- 良い実装例や改善点についてのフィードバック提供
- コーディングに関する質問への回答
10. 修正と調整
- クライアントからのフィードバックに基づく修正
- 選択されたプランに応じた回数の修正対応
11. 最終確認とファイル納品
- 全ての要件が満たされていることの確認
- ソースコード（HTML、CSS、JavaScript）の納品
- 必要に応じて、サーバーへのアップロード方法の説明
12. サポートとアドバイス
- コードの解説と今後の自己学習のためのアドバイス提供
- 簡単な実装ドキュメントの作成（必要に応じて）
ポートフォリオサイト制作 基本料金プラン
1. ベーシックプラン
料金: 27,000円
納期: 7日間
内容:
- 1ページのシンプルなポートフォリオサイト制作
- レスポンシブデザイン対応（スマートフォン、タブレット、PC）
- HTML5とCSS3を使用した最新の技術対応
- 基本的なSEO対策（タイトルタグ、メタディスクリプション、適切なheadingタグの使用）
- クロスブラウザ対応（Chrome, Firefox, Safari, Edge最新版）
- W3C準拠のコーディング
- 画像の最適化
- 1回の修正対応
適している方:
- シンプルで見やすいポートフォリオを求める方
- 予算を抑えたい方
- 急ぎでサイトを公開したい方
2. スタンダードプラン
料金: 45,000円
納期: 14日間
内容:
- 最大3ページのポートフォリオサイト制作
- ベーシックプランの全機能を含む
- JavaScript/jQueryを使用した軽度の動的効果の実装
- お問い合わせフォームの設置
- サーバーへのアップロード代行
- Google Analyticsの設定
- サイトマップの作成
- より詳細なSEO対策（構造化データの実装、画像のalt属性最適化）
- 2回の修正対応
適している方:
- 作品をカテゴリ別に分けて表示したい方
- 閲覧者とのコンタクトを取りたい方
- アクセス解析を行いたい方
- SEOにも力を入れたい方
- Webサイトの種類
- ポートフォリオサイト作成
基本料金
オプション料金
出品者
17日前
-
0 満足0 残念
- レギュラー
- 個人
- 大阪府
プロフィールをご覧いただき、ありがとうございます。
武田 弘貴(たけだ ひろき)と申します。
WEB制作者として活動しています。
【経歴】
・2004年4月〜2007年10月：接客業（飲食店、アパレル）にて顧客対応スキルを磨く
・2007年11月〜2022年12月：通信事業の設計業務に従事（正社員）
・2022年5月〜：本業と並行してWeb制作スキルを独学で習得
・2023年1月〜現在：通信事業（NTTインフラ設計）でフリーランスとして活動開始
・2023年10月〜現在：複業としてWeb制作に取り組む
【現在の業務内容】
メイン業務：通信事業（NTTインフラ設計）
・通信インフラの設計と計画立案
・技術的な問題解決と最適化提案
複業：Web制作
【確立したスキル】
・HTML5, CSS3による標準的なWebサイト構築
・JavaScriptを用いた動的な機能の実装
・WordPressを用いたサイト構築とテーマのカスタマイズ
・レスポンシブデザインの実装
・Webパフォーマンス最適化（画像最適化、コード圧縮等）
・基本的なSEO対策の実施
【強み】
・15年以上の通信インフラ設計経験による高度な技術知識と問題解決能力
・Web制作の基本スキルを短期間で習得し、実践レベルに到達
・長年の業務経験で培った、クライアントとの円滑なコミュニケーション能力
・新しい技術への高い学習意欲と継続的なスキルアップ
・複数のプロジェクトを並行して進める時間管理能力
【自己PR】
通信インフラ設計の専門家として培った問題解決能力と技術的思考を、Web制作の分野に効果的に活かしています。2022年5月からWeb制作を集中的に学習し、基本的なスキルセットを確立しました。現在は、これらのスキルを実践しながら、さらなる技術向上に励んでいます。
長年の通信業界での経験を活かし、クライアントのニーズを的確に把握し、技術的な解決策を提案できることが強みです。Web制作の分野ではまだ経験を積んでいる段階ですが、すでに習得したスキルを基に、クオリティの高い成果物を提供することができます。
常に新しい技術にチャレンジする姿勢を持ち、Web制作のトレンドや最新技術の習得に励んでいます。確かな基礎スキルと学習への強い意欲を持って、クライアントの期待を超える成果を提供いたします。
よくある質問
- どのようなデザインファイル形式に対応していますか？
- Figma、Adobe XD、Sketch、またはJPEG/PNG画像ファイルに対応しています。その他の形式についてもご相談ください。
- レスポンシブデザインは全てのプランに含まれていますか？
- はい、全てのプランでモバイル、タブレット、デスクトップに対応したレスポンシブデザインを実装いたします。
- 納品後の修正は可能ですか？
- はい、プランに応じた回数の修正に対応いたします。追加の修正が必要な場合は、別途ご相談ください。
- SEO対策は含まれていますか？
- 基本的なSEO対策（適切なメタタグ設定、セマンティックなHTML構造など）は全てのプランに含まれています。より高度なSEO対策はオプションで対応可能です。
- サーバーへのアップロードもお願いできますか？
- はい、サーバーへのアップロードサービスを提供しています。ご希望の場合は、サーバー情報をお知らせください。
- 納期の短縮は可能ですか？
- 可能な場合がありますが、追加料金が発生する可能性があります。具体的なご要望をお知らせください。
- コーディングに関して分からないことがあった場合、質問できますか？
- もちろんです。コードの解説や実装方法についての質問を歓迎します。スキルアップのサポートも行っています。
注文時のお願い
1.デザインファイルについて:
・対応可能なファイル形式: PSD, Figma, Adobe XD, Sketch, JPEG/PNG
・ファイルは完成したデザインであること
・全ページのデザイン（デスクトップ版とモバイル版）が含まれていること
2.コンテンツについて:
・テキストコンテンツは完成したものをご用意ください
・画像は高品質で、著作権に問題のないものをご提供ください
3.技術的制約:
・標準的なHTML5, CSS3, JavaScriptを使用します
・PHP等のサーバーサイド言語が必要な機能は別途ご相談ください
・動的コンテンツやデータベース連携は対応していません
4.ブラウザ対応:
・最新版のChrome, Firefox, Safari, Edgeに対応します
・IE11以前のブラウザには対応していません
5.レスポンシブデザイン:
・モバイル、タブレット、デスクトップの3つのブレイクポイントで対応します
6.SEO対策:
・基本的なオンページSEO対策を行います
・高度なSEO施策は別途ご相談ください
7.納品物:
・HTML, CSS, JavaScriptファイル
・使用した画像ファイル
・簡単な実装説明書
8.修正対応:
・プランに応じた回数の修正に対応します
・大幅な設計変更は追加料金が発生する可能性があります
注文時のお願い
1.デザインファイルの準備:
・完成したデザインファイルをご用意ください
・デスクトップ版とモバイル版両方のデザインをお願いします
2.サイト構成の明確化:
・ページ数と各ページの役割を明記してください
・サイトマップがあれば併せてご提供ください
3.特殊な機能や要望の事前連絡:
・標準的なHTML/CSS/JS以外の機能が必要な場合は事前にお知らせください
4.コンテンツの準備:
・全てのテキストコンテンツを完成させてください
・使用する画像を高解像度でご用意ください
5.参考サイトの共有:
・実装のイメージに近いサイトがあれば、URLをお知らせください
6.目標納期の明示:
・希望する納期があれば、注文時にお知らせください
7.連絡手段の確認:
・質問や確認事項のやり取りに適した連絡方法をお知らせください
8.フィードバックの準備:
・コーディングに関する質問や学びたい点があれば、事前にリストアップしてください
9.修正回数に関する注意事項:
・各プランに含まれる修正回数をご確認ください
・修正回数は、コーディングの品質保証のためのものです
・デザインの大幅な変更や新機能の追加は、修正回数にカウントされません
・修正回数を超える場合は、追加料金が発生する可能性があります
・修正依頼は、できるだけまとめてお送りいただくようお願いいたします
