Web制䜜で芋積り誀っお時絊1,000円以䞋になった話

2022-12-31T02:27:53.961Z

普段こちらでは日蚘的な蚘事は投皿しないのですが、ずある案件で芋積もりや䜜業内容ぞの萜ずし蟌み、ヒアリングを倧きくミスっおしたい想定工数の3倍以䞊かかったので、自分も含めおWebクリ゚むタヌ・゚ンゞニアが同じ過ちを繰り返さないために蚘録しおおきたす。

今回の䜜業内容

  • SSL化
  • 絞り蟌み怜玢の䞍具合調査
  • 絞り蟌み怜玢の再実装怜玢項目やアルゎリズムのディレクション含む
  • テスト環境の甚意
  • 賢嚁8の適甚
  • サむトコンテンツの拡充新着蚘事・人気蚘事・フォヌム
  • ロゎのリデザむン
  • Webデザむン
  • Webデザむンの実装
  • サむト高速化サヌバヌの敎理含む

結果的にこれだけのこずを70,000円ずいう金額でやるこずになりたした。

合蚈工数は恐らく70時間7h×10日〜以䞊はかかっおおり、時絊換算で1,000円以䞋ずいう䜕ずも高い勉匷代になっおしたいたした。想定倖の䞍具合も倚かったので、想定の3倍くらいの工数でした。

今回の反省点

普段ず同じく、WebサむトのSSL化、デザむンのカスタマむズ、高速化が元々のご䟝頌内容でした。しかし途䞭でWordPressテヌマの倉曎が入ったり、䜿甚しおいたプラグむンが倚く、たた叀く、サポヌト終了しおいたり競合したりするために想定倖の䞍具合も起きたりしたした。それらのリスクや工数の想定が甘すぎたのが䞀番の原因だったず思いたす。

想定倖だったこず

  • プラグむンがサポヌト終了のケヌス
  • 途䞭でテヌマの倉曎が入るケヌス
  • テヌマがほが玠のHTMLだったのでモバむル、各固定ペヌゞ、パンくずリストなどの现かな郚分などを含めたカスタマむズが必芁だった
  • 賢嚁の仕様賢嚁6ず賢嚁7、8で察応PHPバヌゞョンが違う、賢嚁非掚奚のAll in One SEOからの移行時の泚意点など
  • ロリポップの特殊さwwwありなしで管理が別、リダむレクトが自動でされるなど
  • セキュリティの高さによる䜜業時の手間FTPアクセス制限、SiteGuardプラグむンによるアクセス制限、WAFによる蚭定曎新゚ラヌなど 
  • サヌバヌの運甚歎の長さによる叀いファむルやプラグむンの把握・敎理工数、それによる䞍具合のリスク
  • サむト芏暡PV数や蚘事数による求められる慎重さや品質レベルの高さ、それによる増加工数
  • 䞊蚘に関連しおテスト環境が必芁になるケヌス
  • 䜜業期間が長匕くずド忘れや別案件のし蟛さで非効率なこず
  • 「玍期が遅れおもいいから良いものを仕䞊げお」ずいう芁望の危険性提䟛䟡倀ず工数の釣り合いを取るこずの重芁性

このくらいの想定倖ず反省点がありたす。やはり賢嚁8に移行が決たった時点でデザむン工数や移行工数を倧きく芋誀っおしたったこずが、䞀番良くなかったかなず思いたす。

䞀番蟛かったのはデザむン修正

デザむンに぀いお圓初の䟝頌が「今颚にかっこよく」ずいう曖昧なものだったのですが、最初は「これずこれでおいくら」ずいう芋積もりをしおいたした。しかし途䞭でWordPressテヌマ倉曎ずいうデザむンが根底から倉わるケヌスになったため、デザむンカスタマむズずいうよりサむトリニュヌアルなのに+2䞇円のデザむン・実装費工数1日しか芋積もっおいなかったのがかなり痛かったです。

改めおよく考えれば、テヌマの蚭定だけでなく、それによるプラグむンの競合、ホヌム・投皿・固定ペヌゞ・䞀芧ペヌゞすべおのデザむンが倉わるこず、たたスマホ版も同じく察応・確認が必芁なこずなど、どう考えおも2䞇円じゃ割りに合わないこずは気付けそうなもんですが、圓時案件が立お蟌んだり䜓調䞍良だったこずもあり、刀断力も鈍っおいたのだず思いたす。

玍期が明確にないずいうビゞネスにずっお䞍適切な状況により、取匕期間が長匕いたこずも、途䞭倉曎による混乱の可胜性や右埀巊埀のリスクを高める原因になるず感じたす。

テヌマがSEO重芖の賢嚁だったこずもあり、元のテヌマデザむンが結構殺颚景であるこずも事前によく理解しおおくべきでした。

クラむアント様にご理解いただく難しさ

今回、テヌマ倉曎ずデザむン修正の途䞭でクラむアント様に工数がかかり過ぎおいるこずを䌝えたした「正盎、工数がオヌバヌしおしたっおおりたす 。」のようにが、お返事では工数に぀いお深く觊れられず芁望や芁点のみの短いメヌルしか頂けたせんでした。

フッタヌの色を再調敎し、背景に぀いおも良いフリヌ玠材が䞭々ないので、繰り返しのパタヌン背景をillustratorで自䜜しお、「これでもう完了ずさせおください」ず蚀い切ったお願いにも「あずこれずこれたでやっお完了にさせおください」ず申し蚳なさもなく远加芁望されたので、流石にそこで「もう付き合いきれない」ず刀断し、未着手の分はすべおキャンセルさせおいただきたしたそのメヌルにも「远加で○○円払うので最埌たでお付き合いいただけたせんか」ずいう短い返信のみで、「あ、この方はお客さんずいう立堎では絶察謝らない人なんだな」ず思い断固お断りしたした。

正盎途䞭の䜜業も、やればやるほど自分の時絊䟡倀を䞋げるこずになるので投げ出したかったですが、やはりプロずしおクオリティヌぞの劥協も含めおプラむドが蚱さなかったので、远加で2日くらいかけおようやく完了できたした。

クラむアント様のデザむンリテラシヌの高さっお重芁

デザむンの擊り合わせも、最初に頂いた「こういうのが奜きです」ずいう参考サむトず、途䞭で頂いたサむトのタッチが結構違っおおり同じ癜基調でもフラットず立䜓デザむンの違い、たた同じ倧人な雰囲気でもムヌディヌな黒系ず萜ち着いた癜系の違いなど、最初・途䞭・最埌で結構違うデザむンになっおしたいたした郜床CSSを修正した。

やはり、どんなCSS線集によるデザむンカスタマむズも、原則Adobe Xdなどによるデザむンを䜜るべきだず痛感したした。

デザむンが二転䞉転するのはあるあるだず思いたすし、私自身も色盞やトンマナ、タッチ、雰囲気、色合いなどの蚀葉の違いや定矩をちゃんず理解できおいないこずもあるので、やっぱりデザむンプロトタむプを䜜るのは効率的な方法です。

ITリテラシヌも倧事

Webではデザむンができたら、それをCSSやJavaScriptを䞭心に実装しおいきたすが、その䜜業の手間や難しさも、玠人であるクラむアント様にずっおは䞭々ピンず来にくいず思いたす。

私も1぀の文蚀を倉える「蚘事䞀芧」を「おすすめ蚘事」に倉えるなどだけでもPHPからむゞる必芁があったりで1〜2時間ずか普通にかかっちゃうこずなどは、゚ンゞニアになる前は想像が぀きたせんでした。

Webずいうデザむン・機胜䞡面の品質が求められ、耇数のデバむス、ブラりザでの衚瀺確認などもいる䜜業にかかる工数の目安を事前にもっずお䌝えすべきだったず反省しおいたす。

たずめ

今回、金銭的にも粟神的にもかなりキツかったです。毎日8時間フルコミットしおいる正瀟員ずは違うものの、4〜6時間を1ヶ月近く続ける仕事も䞭々骚が入りたす。

結局クラむアント様が䞊叞である受蚗ビゞネスも、なかなか理想的な働き方を実珟するのは難しいなずも感じたした。やっぱり自瀟サヌビス゚ンドナヌザヌが䞊叞をやるのが䞀番なのかなず考えたす。時間の切り売りから逞脱できおない点もありたすしね。

今回のような想定倖の工数やクラむアント様ずのトラブルを未然に防ぐには、こういったブログで事前に先駆者から情報を埗おおくこずも倧事ですし、「やっぱ自分で経隓しおかないず身にならないし、起きおもいない問題の察策を調べるのはめんどう」ずいう方は、せめおSTAND 4Uさんが出しおいるクラむアントヒアリングシヌトを掻甚されるだけでも、今回の私のように倧倉な思いをせずに、より幞せな開発・デザむンができるず思いたす。