担当者様に読んで欲しい、Webサイト制作の基本。星の流れで咲いた音searchHOMEProfileやりたいことあったらいいなBlogMusicWorksLyricsお問い合わせmenuCLOSEHOMEProfileやりたいことあったらいいなBlogMusicWorksLyricsお問い合わせCLOSEキーワードで記事を検索CLOSEHOMEBlog担当者様に読んで欲しい、Webサイト制作の基本。担当者様に読んで欲しい、Webサイト制作の基本。ツイートシェアはてブGoogle+Pocket僕は以前(というか少し前まで)Webサイトの制作会社で働いていました。「ちょっと待って今からそれは無理」この板挾みでした。「代理店の言い分わかる。なんでそんな時間かかるんや?」という「?(はてな)」の方が多かった。実際に作られる過程の差を書き出してみた。入社前からサイトを作ったりするので、どこがわからなかったか?ということが、すごい遠くの記憶だったりするわけで。サイト一回も作ったことがないと、ここから説明しなきゃいけないのか!に寄り添って解説いたします。「これ見て代理店の人は我慢してくれ」という言い訳のためでもない。制作を進められたらいいなと思って書いております。作るとき別々なんだってビックリした。最適化してくれるかと思ってたけど、ゼロから作ると、別々なんだと。予算があまりない時、どちらかしかできない場合。若者向けのキャンペーンなどの際は、スマホ向けのみをオススメします。PC向けとかそんなに見ないので。フォントについてフォントにはwebサイトで使う際に、お金がかかるフォントがあります。使用料を払えば、Webフォントとして使える。そのフォントの使用料は、サイトの閲覧数によって変わることが多い。アクセス数が多いほど、高いのだ。「Webフォントとして使わない」という選択肢が残っています。それは画像として書き出して使うことだ。すれば使用料はかからないのだ。サイト内の文言変更だとしても、デザイナーがわざわざ一旦画像にして、エンジニアに渡して変更してもらう。いう手間が発生している場合が多い。最初に言っておくと、変更対応が早いです。改行のタイミングを探したりと、わりと、思ってるより面倒くさいです。変更後の文言をコピペすれば、はい終わり!ってなると思ってました。写真について写真素材は基本的に「レタッチ(加工)」して、webサイトに載せることになります。デザイナーが加工するのです。作ってある枠に入れる必要があります。切り取り作業なども発生します。解像度の高い画像でお願いします。音声について音声をwebサイトに載せるのはわりと簡単。音源の変更は比較的簡単です。「音声をONにする」アクションが必須。「このサイトでは音声が流れます。サウンドをONにしてお楽しみください」といったモーダルを表示するのが一般的。「シェアされる」ことが大事。シェアされやすい仕組みを、きちんと作らなければなりません。今だと、twitterやFacebook、LINEのシェアボタンをつけます。基本的にPC用サイトにはつけません。シェアされる際、どう表示されるんだろう?というのは、しっかりチェックしましょう。Facebookはこちらで。twitterはこちらで。Instagramの埋め込みについてWebサイトに、インフルエンサーの投稿を埋め込みたい。そんな案件もあるかと思います。自由が効かないのがInstagram。埋め込む際には十分チェックが必要です。favicon/OGPとは?faviconとは、ココの画像。普段の物をそのまま使うのか?検討が必要です。OGPとは、ページをシェアする際に出る画像。画像を作るならココに力を入れるべきです。