BLOG

webディレクターの仕事ってなんだろう?



皆さんこんにちは。
gaデザインでwebディレクターをしております磯部です。

もう7月にですね。2018年も後半に突入・・・。
迫りくる夏の暑さに心が折れそうですが、下半期も頑張っていきましょう。

さて、弊社gaデザインはwebサイトの制作を中心に、お客様の販促・PRにつながる媒体の制作を行っております。

今回はそのwebサイト制作について、ディレクターという立場から「どんな仕事をしているのか」についてお話させていただければと思います。

 

 

webサイト制作の流れ

 

webサイト制作。これは決して一人だけで完結するお仕事ではございません。
様々な人たちの力が合わさって完成する、チームプレーの賜物でございます。

サイトの種類や規模によって異なりますが、完成までの大まかな制作の流れは下記のようになるかと思います。

①受注

②ヒアリング

③要件定義

④サイト設計(サイトマップ策定・ワイヤーフレーム制作など)

⑤デザイン制作(UI制作・デザインカンプ制作など)

⑥実装(コーディング・システム構築など)

⑦テストアップ

⑧本番アップ(納品)

 

 

ディレクターの担当領域

 

上記の流れの中で、私のようなディレクターが担当する領域は、下記の様になるかと思います。

①ヒアリング

②要件定義

③設計(ワイヤーフレーム制作)

ざっくりいうとwebサイト制作の上流工程を担当します。

 

 

設計フェーズは大事

 

ディレクター業務のうち特に重要なのが「設計」の部分。お客様の「やりたいこと」を「サイトの機能」として仕様に落とし込んでいく作業です。

web制作って、デザイナーさんやエンジニアさんが担当するデザインとか技術の部分に目が向きがちなのですが、実は設計フェーズがとても大事。作業はとても地味なのですが、ここをしっかりとやっておかないと、案件が炎上することも・・・。(炎上こわい)

 

 

私のやってること

 

そこで今回は社内の新人ディレクターにも向けて、私がサイト制作の際に作っている具体的なドキュメント(設計資料)について紹介をしたいと思います。

 

■要件定義

お客様からご要望ややりたいことをお伺いしたあと、まずはそれをテキストベースで仕様に落としていきます。
お客様の認識と自分の認識にズレが無いか確認ができますし、社内の制作陣と初回のキックオフMTGを行う際などにも概要の共有に役立ちます。

例)要件定義

 

■スケジュール表作成

設計フェーズ、デザインフェーズ、実装フェーズなど各工程の進行予定をスケジュール表(ガントチャート)に落とし込みます。
納期から逆算して「いつまでに各工程を終えないといけないのか」を明確にします。

例)スケジュール表

 

■サイトマップ策定

サイト構造の全体設計、および制作の必要なページの洗い出しを行います。
案件の規模にもよりますが、大まかなサイト構造を定義するハイレベルのサイトマップと、必要なページを漏れなく網羅するローレベルのサイトマップ(ディレクトリマップ)の2種を作成するのがオススメです。

例)ハイレベルサイトマップ

 

例)ローレベルサイトマップ

 

■掲載コンテンツ策定

各ページの画面設計に入る前に、そのページに「どういう情報を載せるか」まずはテキストベースで書き出します。
webサイトってやっぱりコンテンツが掲載された「文書」なので、内容をある程度固めてからワイヤーフレーム制作に入ったほうが文脈に合った画面設計ができます。

例)コンテンツ案

 

■画面設計(ワイヤーフレーム制作)

これまでの作業でwebサイトの全体設計、ページの内容がある程度固まったので、ここで初めて画面設計(ワイヤーフレームの制作)を行います。
コンテンツのレイアウトや、他のページへのリンクを設置するナビゲーションなど、サイトのコンセプトやコンバージョン(達成目標)を意識して、設計を行います。

例)ワイヤーフレーム

gaデザインではワイヤーフレームの制作ツールに特に決まりはありません。各ディレクターが使いやすいものを使用しています。大切なのは使うツールよりも設計の背景にある意図や理論です。
ちなみに私は「Adobe XD」を使用しています。

 

 

設計フェーズのあと

 

画面設計が終わると設計フェーズは一旦終了です。このあとワイヤーフレームをベースにデザイナーさん色付けを行いデザインカンプを制作。そのデザインカンプをもとにコーダーさんがHTML・CSS等を用いてwebサイトの構築を進めていきます。
(なお、画面設計が終わってもディレクターの仕事は終わりません。デザイン工程・コーディング工程の各工程の進行管理や、お客様との確認のやり取り、素材の手配や発生するトラブルへの対処など、納品まで奔走することとなります・・・)

 

 

ディレクターのすすめ

 

ディレクターのお仕事、お客様からの要望と予算や社内リソースの調整に頭を悩ませたり、迫る納期に胃がキリキリしたり、プレッシャーのかかる正直しんどい仕事だと思います。

しかしそれは裏を返せば、とてもやりがいのある仕事だということ。自分が考えて設計したwebサイトができあがり、無事納品して実際に動いている様子を見たときの喜びは筆舌に尽くしがたいものがあります。

web制作の仕事というと、デザイナーさんやエンジニアさんに目が向きがちで、ディレクターっていうと「調整役」「雑用役」みたいなイメージを持ちがちです。(私自身、最初はそう思っていました)
ですが、ディレクターを日本語でいうと「監督」。サイト制作の責任者であり制作チームのリーダーなのです。デザイナー・エンジニアに負けず劣らず「クリエイティブ」な仕事だと思います。

web業界に興味のある方、ディレクターのお仕事いかがでしょうか。

 

ちなみにgaデザインではwebディレクター絶賛募集中です!

向上心・熱意を原動力にできるWebディレクター募集!




「届けたい人に確実に届ける」ホームページからCM制作までワンストップで作れる会社
gaデザイン

第一回2019新卒会社説明会 開催!

こんばんは、gaデザインの松田です。

今日は、マイナビ2019新卒会社説明会を開催しました〜!

  

会場はもちろん…gaカフェ!^-^♪

  


第一回目という事で、受付時間までとてもドキドキでしたが、

大勢の方々が足を運んでくれました!

来て頂いた方々誠にありがとうございます!



説明が終わった後の質疑応答でもみなさん積極的に質問して頂き、

また、説明会終了後もたくさんの学生さんとじっくりお話ができて

とても良い時間を過ごせた気がします♪

  

今後も説明会を開催するので、ご参加をご検討されている方はぜひ〜!



「届けたい人に確実に届ける」ホームページからCM制作までワンストップで作れる会社gaデザイン

ゴールデンウィーク休業のお知らせ


平素は格別のご愛顧賜わり、厚くお礼申し上げます。
誠に勝手ながら、弊社では下記の期間をゴールデンウィーク休業とさせていただきます。

【休業期間】2018年 5月3日(木)~5月6日(日)

※5月1日(火)、2日(水)は通常営業しております。

期間中にいただきましたお問い合わせにつきましては、
ゴールデンウィーク休業期間後の5月7日(月)午前10時より順次対応させていただきます。
期間中はみなさまには大変ご不便をおかけ致しますが、何卒ご了承くださいますよう宜しくお願い申し上げます。

gaデザインカフェ プレオープン

初めまして。3/12より入社致しました、webディレクターの三杉です。
これからよろしくお願い致します。

皆様にお知らせがあります。
昨日の3/15から遂にgaデザインのカフェがプレオープン致しました。

 


昨日は大変有り難いことに
沢山のクライアントの方々にご来店して頂きました。
誠にありがとうございました。

カフェタイムもコーヒーなどのドリンクを飲みに
沢山のクライアントの方々にご来店頂いたのですが、
夜のバータイムはなんと店内満席で昨日は
代表の佐藤が料理を作っていたのですがその料理が大変好評で
沢山の方に注文して頂き洗い物が間に合わない状態で
店内に嬉しい悲鳴が響きました。

そんなgaデザインカフェは本日プレオープン2日目でございます。
スタッフ一同でお待ちしておりますので是非ともご来店ください。

「届けたい人に確実に届ける」ホームページからCM制作までワンストップで作れる会社
gaデザイン

gaデザインが南堀江にカフェ&バーをOPENします!



クライアントや取引業者のみなさまが
自由にコミュニケーションを取っていただけるカフェです。
講演会やイベントなどにもご活用いただけます。
ぜひぜひお気軽にお立寄りください!

 

プレオープン

3/15(木)・16(金) 10:00〜19:00

 

ご来店お待ちしております。
ぜひお越しください!

 

 

webディレクターの雲山です!
今日はgaデザインからみなさまへ
素敵なご案内をさせていただきます(*´∀`*)

上に書いている通りこのたび南堀江にて、

gaデザインのカフェをオープンいたします!!!

???とお思いの方も多いと思いますが、

早速本日はプレオープンへ向け少し中をご紹介いたします!

まずは入り口、

 

こーんな感じで目印になる車が…!

えっ!ってなりますよね!!

私も始めはびっくりでした。

なんとこのワーゲン、代表自ら調達し、設置。

入り口からインパクト大ですが

中はもっとすごいです!!

 

 

 

めっちゃ本格的なCAFEやん…

かなり作り込まれてます。

写真よりもぜひ実物を見に来てください!!

そしてCAFEといえば飲み物ですよね!

もちろんこだわりにこだわりを重ねて…

 

こんな感じでご提供させていただきます!!

このドリンクには秘密があって

それはぜひスタッフまでお問合わせください!!

(めっちゃ言いたい…!)

最後にお楽しみスペースのご紹介です!

 

奥の奥にはこんなスペースが…!

ダーツ!!ちゃんと動きます!!

談笑しながら、

楽しみながら、

ぜひぜひご利用くださいね!!

今後ももっとCAFEについてピックアップして

ご紹介してまいります。

気になった方はぜひgaのスタッフまで!

できれば雲山まで!

お問合わせくださいませ。

今後ともよろしくお願いいたしますm(__)m

 

「届けたい人に確実に届ける」ホームページからCM制作までワンストップで作れる会社 gaデザイン

ブログのお引越しについて

現在、お客様のサイトにWordpressを構築して、無料のFC2ブログからデータのお引越し作業をしています。

これが意外と手間がかかる!
FC2からWordpressにデータをインポートする時は、「Movable Type・TypePad インポートツール」というインポート用のツールがあるにはあるんですが、バックアップしたデータがテキストファイル形式で<p>タグなどがちゃんと入っていないのでそれを整形する必要があったり、データ内の imgファイルへのリンク先やページ内リンク先のURLを変更する必要があったり、FC2内で設定された検索用のタグとの関連付けを手動でする必要があったりして、結構な手間がかかる作業が必要になります。

今回お客様のブログ記事は1,000件ほどあり、バックアップ用のテキストファイルもテキストエディターで50,000行ほどあります。
Dreamweaverやテキストエディタの置き換え機能を駆使しながらデータの整形をしている最中ですが、これが結構大変な作業になっています。

引っ越しは本当に大変ですよね~!
実は私、1年前に広島から京都に引っ越して来たんですが、荷物が多くて荷造りも、荷解き作業も本当に大変でした。
何が一番難しいって、モノを捨てることでした。荷物を減らすためには不要なものを捨てるのが一番なんですが、私にとってはどれも「勿体無い」「まだ使える」「想い出がある」「あれば便利」に感じて、今は使わないものが膨大に残ってしまい、それらを惜しみなく持ってきたので、京都の引越し先の家は荷物を片付けることができないまま今に至っています。
ブログの引っ越しを会社でしながら、あ~~私の家の片付け作業も早くやらなくっちゃ!と感じている次第です。

お客様のブログの引っ越しの話しから逸れてしまいましたが、、
ここで、無料ブログからWordpressブログに引っ越すことのメリットをあげておきたいと思います。
・サイトのカスタマイズがしやすい、ホームページと連動している
・広告の記載がない
・SEO的にはグーグルが無料ブログの評価を全体的に下げたことで、現在ではWordPressのほうが強い傾向にある
こういうことが挙げられると思います。

ブログお引っ越しをお考えのお客様、サイトにブログを構築したいとお考えのお客様、Wordpressを使ってサイトを更新していきたいとお考えのお客様、gaデザインはWordpress構築の経験が多数ございますので、お気軽にご依頼くださいませ。

Mailto: web-account@ga-design.jp まで

gaデザイン 田辺でした。

 

 

バレンタイン

こんばんは。gaデザインスタッフの佐藤です。

 

早くも2月半ばを迎える今日この頃ですが、

ブログ更新を完全に放置しておりました。

 

大変申し訳ございません。

 

ちゃんとgaデザインは、

おかげさまで通常通り、営業しております。

 

 

さて、本日はバレンタインデーということで

世間的にはハッピーであふれかえる一日です。

 

そもそもバレンタインデーってなんの日なのかと言いますと、

答えられますでしょうか?

 

 

私の答えはNOです。

 

 

「好きな人に想いを伝える日」っていう風潮はご存知ですが、起源が何たるかと考えてみると、

 

「おそらくキリスト様的な人が、

 大昔に語り継がれるような

 ハッピーアニバーサリー的な事件」

ぐらいしか想像がつかない私はきっとバカなんだと思います。

 

 

 

・・・あなたは知っていますか?

 

 

 

多分、半分以上は同じだと思います。

「バレンタインデーの起源」についてすらすら語れる人は私の周りでは知りません。

 

 

ところで、当社にもハッピーなバレンタインデーが有難いことにやってきました。



 

 

 

 

 

 

 

毎日天使のような女性陣に囲まれて、美味しいチョコまで貰えるなんて、なんということでしょう。

男代表としてお礼申し上げます。美味しく頂きました。

 

ところで、バレンタインの起源ですがググってみてください。

きっとどこかで役に立つと思います。

 

ググった感想としては

西洋か!って感じでした。

もしすらすらバレンタインを語れる人がいても、

西洋か!としか言える気がしないです。

 

多分、半分以上は同じだと思います。

 

「届けたい人に確実に届ける」ホームページからCM制作までワンストップで作れる会社 gaデザイン

gaデザイン企画のラジオ番組

みなさんこんばんは。ディレクターの西内です。

最近寒気がいきなり訪れたと思ったら、また暖かくなってきましたね。
ここまで気温の変動があると、毎日着ていく服に困るので大変ですよね。
体調を崩されないように、みなさんもお気をつけください。
本日、朝日放送様へラジオ収録のお手伝いに行ってきました。
弊社のクライアントの和歌山県庁様が、なんと・・・

「小西陸斗のとっておき情報」

というラジオ番組に出演されました!

 

今回、和歌山県庁様がラジオに出演された理由・・・それは「わかやまジビエフェスタ」についてお話をしていただくためです。

 

皆様、ジビエというのはご存知ですか?

ジビエとは、狩猟で得た野生の動物や鳥のお肉のことなんですが・・・今この「ジビエ」が注目を集めているんです!

そしてこの度、和歌山県庁様にて、県内の様々な飲食店でその「ジビエ」を食べることができるお祭り「わかやまジビエフェスタ」が開催されます!
ラジオの中では「ジビエってなに?」といったような基本的な疑問から、「わかやまジビエフェスタ」で食べる事のできる様々な料理についてなど、注目の情報が詰め込まれてます。
面白い内容になってますので、ぜひ聴いて下さい!!

放送期間は、12/5(火)~12/8(金)の17:10~17:15です。要チェックですね、これは。

 

「届けたい人に確実に届ける」ホームページからCM制作までワンストップで作れる会社 gaデザイン