Coding & WordPress
その先のお客様まで考える、
外部Web制作チーム。
紙・広告・グラフィックを強みにしながら、Webの相談にも応えたい制作会社様・広告会社様へ。GreenCodingは、エンドクライアントの目的と公開後の運用まで考え、未定事項の整理、スマートフォン設計、コーディング、WordPress、検証を支援します。
Start a web project
仕様整理・実装・
検証・公開。
必要な工程を
支援します。
デザインデータをもとにしたコーディングに加え、画面幅や動作、フォーム、WordPressの更新方法、サーバー、本番公開など、Web制作で確認が必要な項目を案件ごとに整理します。既存の制作フローやコーディング規約がある場合は、それに合わせて進行します。仕様が固まっていない案件では、御社と役割分担を確認し、要件整理から実装・検証・公開まで必要な工程をお手伝いします。
お客様の目的をWebの要件へ
誰に何を伝え、どんな問い合わせや行動につなげたいのか。クライアントから伺った内容を、ページ、機能、更新方法など実装に必要な情報へ整理します。
紙のデザインに足りない仕様を補う
スマートフォン表示、ボタンの動き、原稿、画像、フォーム、更新箇所など、紙面では決める必要がなかった項目を早めに洗い出します。
役割と見積範囲を明らかにする
顧客対応、デザイン、実装、テスト、本番反映、公開後確認を誰が担うかを分け、あとから増えやすい作業を着手前に共有します。
Services
必要な工程だけ、今のチームに加えられます。
デザインまでは社内で、実装だけ外部へ。あるいは、仕様整理から公開後確認までまとめて。案件ごとの制作手順や納品形式を確認し、必要な役割だけを担います。新規制作だけでなく、運用中サイトの修正や原因調査にも対応します。
Webコーディング
Adobe Illustrator・Figma・Adobe XD・画像・PDFなどの支給デザインを確認し、画像の調整・書き出しやスマートフォンレイアウトの補完まで行ったうえで実装します。
- Illustratorのアートボード・レイヤー確認
- HTML / CSS / JavaScript
- 既存サイトへの追加・修正
WordPress
静的HTMLのWordPress化から、既存テーマの調整、更新画面の構築まで対応します。
- オリジナル・子テーマ
- カスタム投稿・カスタムフィールド
- プラグイン・PHP更新対応
改修・調査・復旧
表示崩れ、フォーム、SSL、移行後の不具合など、原因を切り分けて修正します。
- スポット修正
- サーバー移行・URL変更
- 保守・継続改修
Why GreenCoding
制作の向こう側にいる人を、置き去りにしない。
GreenCoding自身も、限られた人手と時間の中で仕事を続ける小規模事業者です。制作会社の進行だけでなく、納品先の担当者がどのように情報を更新し、サイトを使い続けるかまで考えて実装します。
エンドクライアントの運用を考える
Web担当者がいない、更新に時間をかけられないといった事情を踏まえ、必要以上に複雑な仕組みをつくりません。
不明点を早めに伝える
不足資料、追加確認、対象外の作業を曖昧にせず、手戻りや認識違いにつながる点を着手前から共有します。
公開した結果まで確かめる
本番作業がある場合は対象と戻し方を確認し、反映後はURLと実際の画面で予定どおりになっているかを確認します。
Price guide
ご相談前に確認できる、料金の目安。
以下は税込参考価格です。ページの長さや動き、WordPressの更新機能、今あるサイトの状態、支給データの内容を確認して、正式にお見積もりします。
| 小さな修正・原因調査 | 8,800円〜表示崩れ、文言・画像差し替え、軽微なCSS・設定確認など |
|---|---|
| 下層ページコーディング | 16,500円〜／ページ支給デザインからのレスポンシブ実装。標準的な内容・長さを想定 |
| トップページ・LP | 44,000円〜／ページ構成量やアニメーションにより個別見積 |
| HTMLからWordPress化／既存テーマ調整 | 88,000円〜テンプレート構成、更新箇所、検証範囲により個別見積 |
| オリジナルWordPress・独自管理機能 | 165,000円〜投稿設計やカスタムフィールドを含む案件は要件整理後にお見積もり |
| 動き・フォーム・外部サービス連携 | 個別見積アニメーション、予約、地図、各種サービスとの連携内容を確認してご案内 |
最低受注額は8,800円を目安としています。必要に応じてAIを技術調査、実装案の比較、下準備、検査に利用しますが、AI利用料を別項目で加算せず、対応範囲と成果物を基にお見積もりします。仕様、デザイン意図、本番作業、公開結果は担当者が確認します。秘密保持、情報の取り扱い、検証端末、納品方法などの条件も事前に確認します。
Workflow
見積もりの前に、決まったことと未定を分けます。
Illustratorなどのデザインデータ、クライアントから聞いていること、希望時期だけでも確認できます。未定事項を洗い出し、対応ページ、スマートフォン、WordPress、フォーム、テスト、本番作業をどこまで含めるか整理することで、見積の抜けと後工程の手戻りを減らします。
資料確認
デザイン、仕様、既存URL、希望時期、作業する環境を確認します。
範囲と見積
前提条件、対象外、確認方法、本番作業の担当を整理してお見積もりします。
実装と検証
実装後にPC・スマホ、リンク、更新方法を確認し、本番反映がある場合は公開画面まで確かめます。
まだ仕様書がなくても、
相談内容から確認できます。
クライアントから届いた相談内容、Illustratorなどの支給資料、希望時期だけでも構いません。決まっていること、追加で必要なこと、任せたい工程を一緒に整理します。