HTMLコーディング
お預かりしたデザインをもとに、HTML・CSS・JavaScriptでWebページを実装します。余白や文字の見え方、画面幅によるレイアウトの変化を確認し、指定のない部分はご相談しながら整えます。LPや下層ページなど、必要な範囲からご依頼いただけます。
Web制作をご検討中の個人の方・企業の皆さまへ
HTMLコーディング・WordPress / Studio サイト構築をお手伝いする、UCHIBOのポートフォリオです。
お預かりしたデザインのコーディングから、WordPress・Studioのサイト構築まで。担当範囲と進め方を確認し、納品、保守・運用まで対応します。
ご相談ください
実装方法を、一緒に整理します。
デザインが完成していなくても、実装方法からご相談いただけます。
スマートフォンではどう並べるか。文章が増えたときにどう表示するか。WordPressやStudioで、どこまで更新できるようにするか。
作成途中のFigmaや現在のサイトを共有いただき、決まっていることと相談したいことをお知らせください。必要な確認事項と担当範囲を整理します。
対応できること
HTMLコーディングとWordPress / Studio で、Webサイト・LP制作をサポートします。
WordPress / Studio サイト構築
お預かりしたデザインをもとに、ページの表示と管理画面からの更新をつなぎます。誰が、どの情報を、どのように更新するかを伺い、テンプレートや入力項目を検討します。新規構築か既存サイトへの組み込みかも含め、担当範囲を事前に確認します。
デザインデータはFigmaでお願いします。Photoshop・Illustrator形式も対応可能ですが、スケジュールを通常より長めに設定させていただきます。
ご相談内容を確認したうえで、対応できる範囲をご案内します。
制作で大切にしていること
確認事項を共有し、制作を進めます。
-
01
デザインの意図を確認する
余白、文字の強弱、情報の順番を読み取り、実装に反映します。指定のない画面幅や動作は、表示方法をご提案し、確認してから進めます。
-
02
判断が必要な点をまとめて相談する
不明点は、確認したい理由と選択肢を添えてお伝えします。追加のご要望がある場合は、作業範囲・費用・日程への影響を確認します。
-
03
確認内容と引き継ぎ事項を伝える
確認用サイトのURLとあわせて、変更内容や見ていただきたい箇所を共有します。納品時には、表示・動作を確認した環境と、残っている確認事項をお伝えします。
スキル・実績
制作物のご紹介
契約上、実績を公開できませんので、ここでは、デザインから制作した自主制作のサイト・LPをご紹介します。どういったものが制作できるのか、ご参考ください。
掲載する制作物は、順次追加します。
富士見パノラマリゾート｜マウンテンアクティビティLP
ポスターデザインをもとにLPを自主制作
ご発注いただいたポスターデザインをもとに、富士見パノラマリゾートのマウンテンアクティビティを紹介するLPを自主制作しました。
アクティビティの紹介とアクセス情報を一つのページにまとめ、詳しい情報を確認できる公式サイトへのリンクを設けています。
Kaumono.com｜買い物メモサービス
買い物メモサービスの個人開発
家族やパートナーで使う買い物メモサービス「Kaumono.com」を個人開発しています。
自分が欲しいサービスを、AIを活用して形にしました。
稼働時間と連絡について
制作は平日夜と土日祝。日中の連絡はチャットで。
本業と並行してWeb制作を行っているため、主な稼働時間は平日の夜と土日祝です。日中に共有いただいた内容を確認し、夜間の稼働時間に作業を進めます。
たとえば、日中に修正内容を共有いただき、夜間に作業して、翌営業日以降にご確認いただく進め方です。案件ごとに着手日と確認日をすり合わせます。
作業日程は、作業量と空き状況を踏まえて事前にご案内します。夜間・土日祝のすべての日時で稼働できるわけではありません。
日中のご連絡はチャットでお願いします
平日は本業の合間にご連絡を確認します。返信までお時間をいただく場合がありますので、確認してほしい内容はチャットにまとめてお送りください。
日中の作業や急ぎの対応が必要な場合は、ご希望の日程を事前にお知らせください。作業内容と空き状況を確認し、対応できるかをご案内します。
ご相談から納品までの流れ
-
01
ご依頼内容を共有する
作業内容、デザインの有無、ご希望の日程をお知らせください。既存サイトがある場合は、対象ページのURLと修正したい箇所もお送りください。
-
02
担当範囲・費用・日程を確認する
お預かりするデータ、実装する範囲、ご確認いただくタイミングをすり合わせます。作業内容・費用・日程に合意してから着手します。
-
03
確認用サイトでチェックする
確認用サイトにアップロードし、URLをお送りします。お使いのパソコンやスマートフォンで表示・動作をご確認ください。修正したい箇所があれば、まとめてお知らせください。
-
04
修正して納品する
確認内容をもとに修正し、合意した方法で納品・引き継ぎを行います。本番サイトへの反映を含める場合は、担当者と実施日程も事前に確認します。
UCHIBOについて
UCHIBO
Web制作に10年以上携わっています。
これまでの経験を活かして、コーディングやサイト構築をお手伝いします。
ご依頼内容を伺い、担当できる範囲と進め方を具体的にお伝えします。
実装方法が決まっていない段階でも、デザインや現在のサイトをもとにご相談いただけます。
よくあるご質問
デザインが完成していなくても相談できますか？
はい。作成途中のFigmaを共有いただき、まだ決まっていない点をお知らせください。デザインの進捗に合わせて実装を進めた実績もあります。先に確認が必要な点と、着手できる範囲を整理します。
ページの一部や、小さな修正も依頼できますか？
対象ページのURLと修正したい内容をお送りください。既存の構成や影響範囲を確認したうえで、対応できる範囲をご案内します。
前の制作者と連絡が取れないので、代わりに修正してほしい。といったご依頼もあります。
連絡方法を教えてください。
主にチャットとメールを使用します。チャットツールのご指定がある場合は、お知らせください。
日時の都合が合えば、オンラインでのお打ち合わせも可能です。
料金や納期の目安を知りたいです。
ページ数、更新機能、お預かりするデータ、ご希望の日程を伺い、作業範囲・費用・日程をご案内します。
これまでの実績をもとにした費用の目安です。ご検討の参考にしてください。
- HTMLコーディング（1ページ）
- 8,000円～
- LPコーディング
- 150,000円～
- Studioサイト構築（デザイン支給）
- 150,000円～
- WordPressサイト構築（デザイン支給）
- 300,000円～
※表示価格はすべて税別です。すべてレスポンシブ対応。スライダーなどの基本的なJavaScript実装は費用に含みます。複雑なJavaScript実装が必要な場合は、別途お見積もりします。
保守・運用は作業範囲が広いため、都度のお見積もりではなく、作業量に応じた月額固定の準委任契約をお願いしています。
日中の打ち合わせや、急ぎの対応はできますか？
原則として、日中の打ち合わせはできません。日中のご連絡はチャットでお願いします。急ぎの場合は、作業内容とご希望の日程をお知らせください。本業との調整や作業量を踏まえ、対応できるかを確認します。
ご相談
「このデザインのコーディングを依頼したい」
「WordPress・Studioのサイト構築を相談したい」
ご依頼内容とご希望の日程をお知らせください。デザインや対象ページのURLがあれば、共有できる範囲でお送りいただけると確認がスムーズです。
案件について相談するまだ決まっていない点があっても構いません。担当できる範囲と進め方をご案内します。