こんにちは。
デザインチームのFです。
今回は現在、おこなっている主な業務について書いていきます。
大きく分けると下記の3つになります。
 ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄
①クライアント様HPのリニューアルのコーディング
②制作代行の画像作成
③ライティング
 ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄
①コーディング
コーディングはデザインカンプを1pxのずれもなく
再現するのが基本のルールです。
これに現在進行形で苦戦しております。
”だいたい同じだからいいだろう”などの感覚では差し戻るので
何度もカンプと見比べてコーディングをする必要があります。
ただ、もちろんですがコーディングのルールは上記の
1つだけではありません。
複数のルールがあるので、見た目が1pxのずれもなく
再現できたから完璧!という訳ではありません。
私が実際にした失敗でいうと、
見た目に気を取られコードがおかしくなっているのに
気づいていなかったという点です。
主に下記の内容です。
 ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄
①無意味なdivタグが残っている
②divタグが足りない部分がある
③上marginを使用している
③ブロックにheightを指定している
 ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄
一つずつならすぐに修正ができるのですが
全ページに上記を指定している部分があったので
確認も含めて修正でかなり時間をロスしてしまいました。
コーディングは作業ではなく頭脳労働なので
作業でしてしまうとこのような失敗が発生します。
新人の方の参考になれば幸いです。
②画像作成
クライアントさまによって、HPを作成する目的や
取扱いメニュー、社風、何を売り出したいのか、など
それぞれ違います。
なので、新しく1から画像を作らなきゃ!
と考えがちですが、それは間違いです。
うちでの画像作成の進め方は主に下記の2つです。
 ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄
①ひな型を作る
②ひな型のアレンジ
 ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄
まず①のひな形を作るについて
ひな型は別の言い方でいうとテンプレートとも言いますね。
つまり、あらかじめ土台を用意するということです。
そして、ひな型(土台)ができたら、それを
各クライアント様の特徴に沿って、アレンジするということです。
ひな型は毎回作るのでは無くて、過去に数パターン作成しているものがあるので
基本は②のアレンジの工程のみで、画像を作成できるので時間が短縮できます。
これだけ聞くと使いまわしている?手抜きなのか…?と思ってしまうかも
しれませんが、過去に作って実際に効果が出ている画像を使用するのが
時間も短縮できながら、効果も出やすいです。
私も少し前までは1から作ろうとしがちだったのですが、
上記の話を代表にしていただいてから、時間のロスを減らせています。
③ライティング
これは最近、始めたタスクになります。
ライティングは基本的にマーケティングチームがしていたタスクなのですが
4月から新しいサービスの【デキテルMAX】がスタートしてから
ライティングのタスクが増えたのでデザインチームでも対応するようになりました。
私は元々、文章を書くことに苦手意識があることもあり、初めは
マーケティングチームの3倍ほどの時間をかけてしまっていました。
ただ、時間がかかっていた原因は得意・不得意だけの問題ではなく
ヒアリング不足が大きな原因でした。
時間がかかっている原因と共に相談兼ヒアリングの時間を設けて
いただいてからは時間を短縮できています。
ただ、まだ差し戻しはあるので無くせるよう頑張ります。
以上、私がおこなっているタスクについてでした。
主に、新人向けの内容なので、新人の方の参考になれば幸いです。
最後までお読みくださり、ありがとうございました。