【142日目】衝撃的な自社のHP

今朝は、歯磨きをしながら、たまたましょーごさんのこちらの↓動画を見たのですが、なんか気持ちが分かりすぎて、涙が出てきました。

しょーごさん、お仕事でこんなに活躍されて、さらに課題のレビューにも付き合ってくれ、超多忙な毎日を過ごされていると思うのですが、社会人で大学受験に挑戦されるその姿、本当に尊敬!

私が29歳の時って、、、ただ時の流れに流されて、目の前の仕事に忙殺され、何も考えていなかったなぁ・・・。

しょーごさん、この動画を撮ることで、気持ちを吐き出していましたが、みなさんは行き詰まった時、どうやって気持ちに整理をつけていますか?

私はというと・・・ひたすら誰かに愚痴る。。聞いてくれている友人に、本当に感謝です!

目次

自社のHPの表示崩れに驚愕

昨日、私がパート勤めをしている会社の、HP担当の若手女子から、「HPリニューアル完成しました〜♪見てください!」と全員に宛ててメッセージが来たのですね。

HPリニューアル中と全く知らなかった私、ドキドキしながらスマホでリンクにアクセスしてみると・・・。

んんんんんん??表示崩れ?

コンセプトやコンテンツの内容よりも、まず気になったのが、余白と改行の崩れ!変なんですよ、、、余白が・・。

とりあえず、「親しみやすくて良い感じに仕上がりましたね!」と若干褒めつつ、目についた変なところを2~3点あげて、「スマホの時に表示が崩れてるかもしれないから、確認した方がいいかもしれないよ」、ってやんわり返信したわけです。

で、どうしても気になって、今朝になってPCで開いてみたら、、、スマホだけではなく、そもそもPCでの表示がおかしい!!!

  • コンテンツごとの余白がバラバラ。
  • H1〜の見出しの大きさがめちゃくちゃ(H1が大きかったり小さかったり、コンテンツごとに統一もされてない)。
  • 文中の変なところで改行されている。
  • コンテンツごとの横幅がバラバラ。(例えば、写真2枚横並びの下に、写真3枚を横並びにした時、左右の端が合っていない)。
  • コンテンツのリスト番号と本文の高さがズレている。
  • ボタンが途中で改行されている・・・。
  • タイトルが違うのに、中身の本文が同じところがある(コピーミス?)。
  • スマホで見た時に、コンテンツが横並びのままで、縦に細長ーくなっている。

いや〜、びっくりしました。。今まで、制作者目線で見たことがなかったけど、これが普通?私がコーディング学習してるから目に付くだけ??

企業Webサイト制作の相場って?

あまりにも気になったので、上司に聞いてみたのですよ、どこにいくらで発注したのか。

すると、A社にコンテンツ作成・構成・デザインで約90万円、B社にコーディング・ワードプレス設定、コンテンツ流し込み、既存サイトからのリダイレクトを発注して、約100万円くらいだったそうです。構成も無茶苦茶なので、ページ数もわかりにくかったけど、頑張って数えたら、30枚ちょっとだったと思います。これって相場ですか???ちなみに保守(修正やアップデート)は上司と営業アシスタント(=2人とも素人)が自分でやるそうです・・・・・。

多分、今回のリニューアルの目的は、前のHPが結構お堅い感じのやつだったので、もっと親しみやすさを感じてもらって、人材募集に力を入れようって事だったと思うのですよね。そしてさらに、今後修正とかが出た時に、自分たちでWord Pressを触れるように、保守を簡単にできるようにして欲しい、というのも依頼したそうです。

親しみやすさは伝わるけど、これじゃ保守しにくいのでは??うーん・・・。

デザインが悪いのか、コーディングが悪いのか

上司に、「表示崩れが結構ありますけど、デザインかコーディングか、どっちかがうまくいかなかったんですかね、カンプ通りに上がって来ましたか?」とやんわり聞いてみたら、「コーディングはカンプ通りだったから、多分構成とデザインが悪かったんだと思う」とのこと。ちなみに、上司は全くWebの知識はありませんでしたが、このために頑張って色々勉強して、制作会社とやりとりし、今後の保守を担うことになったそうです。「この件で知恵熱出そうだったよ!完成してほっとした。」と言っていました。凄い!!

今まで、コーディングを勉強して来て、「せっかくデザイナーさんが美しく書いてくれたデザインカンプを、完璧に再現しなければ!!」と頑張って来ましたが、まさか、カンプそのものが崩れているケースがあるとは想像していませんでした。

崩れているのが分かっていても、そのまま再現しないといけないケースに遭遇したら、どう対処したら良いのでしょうね・・・。何も言わずに忠実にコーディングするのか、やんわり伝えても大丈夫な時もあるのか、案件によって対応が難しいところかもしれませんね。

ああ、自社のHP、なんとかキレイなコードに書き直したいな〜。

もう少し実力が付いたら、私がやります!って提案してみたいと思います♪

よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!

この記事を書いた人

在宅パートで通訳業務をやっている40代です。👶10yr、歳の差夫婦。Webコーダーとして安定した収入を得るため、日々学習中です。本業やパートと並行してWeb制作学習中の方の参考になればと思い、たまに学習日記をつけています。Web制作に関する情報は、探せばたくさんありますが、いざ同じようにやってみても、「あれ?これはどうすれば良いのかな?」と思うことが多々あります。自分の経験を交えて、役にたった情報などを発信していけたらと思います。

コメント

コメントする

目次