持ち込みデザインのコーディング・設置作業
自社でマーケティング・デザインまで行うことができる、という会社様の場合、技術的に不足しているのはWeb関係の技術者のみで、ページの実際の設置の部分のみは外注したい、ということもあります。
この場合でもお気軽にお声がけください。弊社でお客様のデザインに可能な限り忠実に、ご希望に沿った機能を備えた状態で設置作業させていただきます。
こんなケースに持ち込みデザインでご依頼ください
持ち込みデザインのご希望が多いケースは以下のような事例がございます。
- LP（ランディングページ）だけを新規で設置したいケース
（施策確定・広告出稿など、それ以前の工程については自社内で作業） - サイトのリニューアルを行うが、デザイナーを自社社内に抱えているためデザインは自前で行いたい場合
- サイトのリニューアルを行うが、紙媒体でずっとお付き合いのあるデザイナーがいるため、基本デザインはそのデザイナーの方に依頼したい。ただ、Webのことはよくわからない、ということなので基本デザイン以外の部分はお任せしたい。
ご注意いただきたいこと、Webならではの注意事項
Webならではの注意点として、以下のようなものがあります。
最低限この辺りを押さえてデザインを進めていただけると、正確なやりとりが可能になると思います。
パソコン表示の場合、デザインする基準となるコンテンツの幅がどのくらいか決める。
これが決定しないと、フォントのポイント数や画像のピクセル数も確定できないので、コンテンツの幅については必ず確定をお願いします。
最近のWebサイトでは1300px程度の幅を標準としているサイトもありますが、多いのは1200px-1100px程度のコンテンツ幅です。
各種ブラウザの幅の対応（ブレイクポイント）をどのように考えるか
今は本当に各種のブラウザがあります。特に、幅に関しては「それは存在しない」という幅を探す方が難しい状況です。よって、具体的にどの幅に対応するのかを決めておいた方が後々楽になります。設定の一例を下記します。
- 1400px幅程度のパソコン端末表示
- 800px幅程度のタブレット端末表示
- 400px幅程度のモバイル端末表示（〜320px程度までは大きな崩れのないように。）
- 上記設定幅はデザイン支給、中間の大きさはF&Iで大きな崩れのないよう、バランスを考えて設定する。
デザインを設定しておくブレイクポイントが多ければ多いほど作業工数も増えますが、中間的なブラウザで思った通りの見た目を設定することができます。パソコン端末表示、モバイル端末表示のみご指定いただくケースが一番多いです。
デザイン性を求めすぎると、Webの機能を損なう可能性がある
Webのデザインを作業してみると、ポスターなど紙媒体のようなデザイン性の高いホームページや、細部の細部まで自分でデザインした表現に落とし込みたいもの。
SEOの視点を少し入れて
ただ、例えば文字がほとんどなくて写真だけのページはミニマムな表現でカッコイイページができますが、検索エンジン側から見ると、文字がない＝「情報の網羅性が低く、検索ワードの使用割合も少ないページ」＝低評価になります。なので、SEO的なポイントを押さえたい場合には事前にご相談いただいた方がよいと思います。
細部に関しては一部ブラウザの標準機能に委ねた方が良い場合も
例えば、申し込みフォームなどの表現は、各ブラウザによって見た目が違います。このデザインをカスタマイズしようとすると、実は作業の工数が多くなります。
作業の工数が多くなるだけなら良いのですが、最近のフォームには標準でさまざまな機能が備わっているため、デザインのカスタマイズをしすぎると、標準機能にあってカスタマイズしたデザインにないものが出てくる可能性もあります。このようなことを避けるために、「一部のデザインはブラウザの標準のままでも良い」というぐらいの考え方の方がうまくいく場合が多いです。
画像は軽く
画像を綺麗に見せたいという心理はとても理解するのですが、Webでは可能な限り軽くするのが基本です。例えば建築関係の施工事例などは標準のままお送りいただくよりは、圧縮をかけてWebの表示に即した形でお送りいただくとスムーズです。
ご準備いただくもの
持ち込みデザインの場合にご用意いただきたいものは以下のようなものです。
デザインデータ
PDFデータではなく、IllustratorデータやPhotoshopデータが望ましいです。
原稿をコピー&ペーストする際に、PDFの場合には望まない結果になってしまうケースや、改行・スペースが入るケースが多々あること、そして画像は圧縮されているケースが多いことなどが原因です。
そのまま画像を切り出して使える状態のIllustratorデータまたは、圧縮された画像とコピー＆ペーストすれば良い原稿データなどが望ましいです。
サーバー情報
弊社とのお取引が初めての方などは、サーバーの情報をいただければ幸いです。
まとめ
上記のように色々とWebならではの条件などがありますが、Webの一番の特性としてはトライ＆エラーの試行が際限なくできることです。まずはお気軽にお問い合わせください。
tweet
share