見出し画像

【武井壮×ランサーユニット #4】密着レポート!Webサイトを創り上げる〈完成編〉

プロのクリエイターを複数人選し継続的にクリエイティブ制作を発注できるLANCER UNIT(ランサーユニット)。

武井壮さん密着レポート、この第4回でいよいよWebサイトが完成します!
前回のオリエンテーション編
では、選ばれたクリエイターが武井さんと対面して打ち合わせを行ないました。
今回は、武井さんが考えるイメージをかたちにする様子をレポート。完成・納品までをお伝えしていきます!


「NEXUS presents 第75回 全日本フェンシング選手権大会」は、9月に予選が行なわれ、11月5日が決勝でした。
制作するのはこの大会公式Webサイトですから、大会の告知に間に合うようスケジューリングして制作を進めました。

Webサイトがどう制作されていくのか、完成までにどんなやり取りが行なわれるのか、そんなことも含めて伝えていければと思います。

《Step9》初稿(デザインイメージ)の提案

オリエンテーションで擦り合わせたイメージを、具体的なWebサイトへと落とし込んだワイヤーフレームの提案からスタート。オンラインミーティングにて、デザイナーの若旅さんがデザインの解説をします。

メインとなるキービジュアルは全体のイメージを左右する大切なものですので、最初に方向性を擦り合わせることが重要です。
打ち合わせで会話をしながら確認して、お互いの頭にあるイメージとズレがないかどうか、しっかり確認していきます。

Webデザイナーがワイヤーフレームでデザインを解説
ワイヤーフレームでWebサイトのイメージを確認。
Zoomの画面投影にてチェックしていただきました。

若旅さん(Webデザイナー):
お忙しいところ、本日はありがとうございます。昨日お送りしたデザインイメージのほうはご確認いただけましたでしょうか。

武井さん:
拝見させていただきました。 ありがとうございます。

若旅さん:
今日はここで画面投影しながら、改めてご説明させていただきますね。
まずはメインビジュアルについてですが、マスクを被った選手が大勢集まっていると選手の個性が表現しにくいと思いましたので、背景にカラフルな煙を用いて、選手の熱気と一人ひとりの個性を表す“色”として表現してみました。そんなイメージになっております。

武井さん:
なるほど。そういった背景だったんですね。
今までのWebサイトにはない雰囲気があって、このメインビジュアルはすごく良いなと思いました!

若旅さん:
ありがとうございます!
では、メインビジュアルはこの方向で進めさせていただいてよろしいですか?

武井さん:
はい。ぜひそれでお願いします!

武井壮さんとWebデザイナーのオンラインミーティング
Webサイトの大きな方向性や、どんな情報を掲載するかという確認は、初稿の段階でしっかり行ないます。

若旅さん:
メインビジュアルの下には、大会の概要をはじめ、予選結果、決勝インフォメーションなどを各ブロックに分けて掲載します。情報をブロックに分けることで、PCやスマートフォンなど表示される媒体が変わっても見やすいデザインにすることができます。

チケット情報については、スクロールをしても表示されたままにするよう固定ではどうかと考えました。新しい情報が掲載されたことが分かるように、更新情報も上部に置いたほうがよろしいのではと思っています。

武井さん:
なるほど。いいですね!シンプルで見やすいと思います。

若旅さん:
ありがとうございます。
では大筋この方向で進めさせていただこうと思います!
他に気になるところなどがあれば、後日でもいいのでご連絡ください。日程や数字、⽂章など、細かな点は次回ご確認いただくように進めますので。

武井さん:
はい。修正点があれば、なるべく3日以内にお送りしたいと思います。お願いいたします!

若旅さん:
承知いたしました。よろしくお願いいたします!

《Step10》修正〜最終チェック

初稿の段階では実際に会話をしながらイメージを擦り合わせることが多いのですが、方向性が固まった後はメールやツールなどでやり取りを行なうのが通常の流れになります。
もちろんケースに応じてミーティングをする場合もありますが、どう修正してほしいのかを直接デザインに書き込むほうが間違いがありません。

指示やご意見などを反映しながら数回やり取りをして、最後のチェックを行ないます。クライアントに最終OKをいただいたら納品。
Webサイトの場合は、指定のサーバーにアップすることで完了します。

武井壮さんとWebデザイナーの最終チェック
修正を行なってかたちになったWebサイト。
武井さんと一緒に画面を見ながら最終チェックを行ないました。

若旅さん:
修正したデータはご覧になっていただけましたでしょうか?
本日は、それを見ながら最終チェックを行なわせていただきます。

武井さん:
はい!拝見させていただきました。
何度も修正をしていただいたようでお手数をおかけしましたが、こちらでOKです!ありがとうございます。

若旅さん:
本当ですか!こちらこそ、ありがとうございました!

武井さん:
本番アップについては9月1日でお願いしたいと思いますが、ご都合いかがでしょうか?

若旅さん:
承知いたしました!前日の夜にアップ作業をさせていただこうと思いますが、よろしいでしょうか。

武井さん:
はい!それでお願いします。

最終OKを出す武井さん
「こちらでOKです!」と大満足の武井さん。最終確認を終え、納品となりました。

《Step11》納品〜精算

無事に納品となり、制作したWebサイトの掲載が完了。予選から決勝が行なわれるまでに、何度か更新されていきました。

NEXUS presents 第75回 全日本フェンシング選手権大会
Webサイト
デジタルパンフレット(Webサイトからも閲覧できます)

ランサーユニット担当者:
本日はお時間いただいてありがとうございます。
大会サイトが完成したと伺いました。若旅さんとのやり取りはいかがでしたか?

武井さん:
ぼんやりとしたイメージもクリアにして形にしていただけましたし、細かな部分は若旅さんのほうから提案してくれたので、非常に助かりました。
すごく満足度が高いです!

ランサーユニット担当者:
よかったです!私どもも安心しました。ありがとうございます!


納品が完了したら、精算をして終了です。
見積りの内容に沿ってクリエイターから請求書が送られますので、お支払い処理をして取引き完了となります。

もちろん、その後に運用面といった業務が続く場合など、案件によって精算するタイミングは異なります。クライアントとクリエイターで直接ご相談を。

ランサーユニットで推奨しているpasture(パスチャー)では、フリーランスとの発注〜精算までを一貫して行なえます。
導入についてもサポートいたしますので、お気軽にご相談ください。

Webサイトの制作を終えて

この密着レポートにて、4回にわたってランサーユニットへの相談から納品までをお伝えしてきました。
ここまでの感想を武井さんに伺いましたので、ご紹介させていただきます!

ランサーユニット編集部:
完成したWebサイトについての感想はいかがでしょうか?

武井さん:
何が起きるか分からない、ちょっとミステリアスな感じもあり、選手たちの躍動感も立体的なイメージに表現されていて。大会に対する期待感のようなものも感じられるデザインになっているので、とてもいいな!と満足しています。
キービジュアル含めて、関係者の評判もすごく良いです。

ランサーユニット編集部:
ありがとうございます!
今回の取り組みで感じたことをお聞かせいただけますか?

武井さん:
ランサーユニットさんとプロモーション契約をしている僕が、実際にそのサービスとコラボしてWebサイトを作るというのは貴重な体験でしたし、サービスの素晴らしさが大変よく分かって、こういう経験はとてもいいなと思いました。

今回のことで、ランサーユニットのクリエイターさんという、今までつながることのなかった方たちと僕自身もご縁ができましたし、フェンシングに関わってくださる方も拡がりました。
今回のWeb制作で、何か新しいことをひとつ積み上げられたんじゃないかなと思っています。

ランサーユニット編集部:
今後に対する期待感などはありますか?

武井さん:
そうですね。僕のホームページやYouTubeアカウントはもうちょっと充実させたいなと思っているので、機会があればまたご一緒できたらうれしいですね。

あとは、新しい企画を動画で始めるときなどに、ランサーユニットを使ってチームを組んだらおもしろいんじゃないかな。さまざまな分野で考えられますよね。例えば自分の宣材写真でもコラボができるんじゃないかな、とか。
ご一緒できる場所がいろいろとある気がしますね。


武井さんから、今後についてもワクワクするお言葉をいただきました。これは見逃せません!
まだ具体的なお話ではないものの、ランサーユニットとしては可能性を探りたいところです。

というわけで、次の最終回では、この先に続くお話をご紹介します。
ランサーユニットとの継続したお付き合いのために、武井さんとクリエイターがミーティングを行ないます。お楽しみに!

密着レポート#1〈導入編〉
密着レポート#2〈クリエイター選定編〉
密着レポート#3〈オリエンテーション編〉
密着レポート#5〈その後編〉

LANCER UNIT(ランサーユニット)は、デジタルハリウッド株式会社が運営している、プロのクリエイターを複数人選し継続的にクリエイティブ制作を発注できるサービスです。noteを通じて、LANCER UNITのサービスを導入している企業さまやクリエイターの皆さんへのインタビュー、クリエイターに役立つ記事をお届けしています。

取材・文/LANCER UNIT note編集部 Y

ランサーユニットの導入を検討している企業様は、こちらからお気軽にお問合せくださいませ。