STUDIO山口がオープンして早5ヶ月。
気がつけば、中央公園の木々も赤く色づき始め、7月に入学された第1期生のみなさんも今月から卒業制作に取り組まれています。
Web制作全体のプランニングを学ぶ
プロジェクトが始動した時に必要なこと、それは進行する上での段取りを行っておくことです。その後の仕事を円滑に進めていくためにもプランニングは不可欠です。段取りをしっかり行い、内容をより具体化しておくことで、情報伝達のミスを軽減し、サイトの目的とゴールを再確認することもできます。今回は、Webサイトをデザインからコーディングする前の過程と完成した後のことも含め全体の流れについて当校のトレーナーでグラフィックデザインからWebデザインまでご経験も知識も幅広い、Webデザイナーの前田さんに解説していただきました。
① 企画をする
お仕事の依頼があると、まずはクライアントへのヒアリングから始まります。
依頼主である企業側について詳細にお伺いします。仕事の内容からサービスや製品、予算や運用方法から抱えている問題点、さらには潜在的なニーズに至るまで詳細に読み取ることが重要です。
— Point —
ヒアリングを踏まえて、作りたいウェブサイトの“目的”と“目標”を設定する。
KGIやコンバージョンなど効果をどれだけアップさせるか=マーケティングの重要性についても触れられました。
— Point —
市場調査を行なって、競合他者を調査する。
WEBサイトを利用してもらうターゲットを設定して、同業他社はどのようにプロモーションをしているのか
差別化を測るためにサイトやコンテンツを徹底的にリサーチします。
偶然にも方向性が同じだとしても、さらに魅力的で違ったデザインを心がけるのがプロの技。
② 設計する
コンセプト設定では、“誰に何を一番伝えたいのか”をしっかりとおさえることが大切。
情報がばらけてしまわないように、整理をしてグループ化し、サイトマップの作成では、必要なページをリストアップしていきます。
実際、トレーナーが業務で制作したサイトマップを用いてわかりやすく解説がありました。
— Point —
企業やサービスのブランディング戦略としてオリジナルのドメインを取得する。
ドメインってよく耳にするけど、なんのことなのかって説明しようとするとよくわからない......ということで
WEBサイトの住所とも言えるURLの一部であるドメインについて、生徒さんも積極的に質問をされていました。
— Point —
どのような仕組みを作るのか、システムや機能要件について考える。
ここでは、CMSを導入する場合について細かな説明がありました。
ライアント側で運用がしやすく、このようなツールは非常に需要が高く、シェア30%くらいを占めているWordPressについても紹介。
ちなみに、本気で転職を目指すなら絶対避けては通れないパートですね!
— Point —
ワイヤーフレームを作って、イメージをわかりやすく伝える。それでもなかなかイメージが伝わらない、そんな時はもっと具体的なものを要求されるので、しっかりとデザインを作り込んで提案することも必要になります。
③ 制作する
— Point —
Webサイトの目的に合わせたユーザーインターフェースを提案する。
各種パーツのデザインやレイアウトを考える。依頼主の好みも考慮した上で2、3個デザイン案を持っていきます。
— Point —
テキストや画像をHTML化していく上で、SEOも意識して考慮すること。
実際にテキストや画像を打ち込んでいく中で、文章構造の最適化やHTML構文の最適化などを考慮しましょう。
④ 運用準備する
WEBサイトを作成、運用していく上で必要なサーバーを契約します。
コストが安くて手間も比較的かからずに個人的に利用できるものから、専門的な知識を有するものまで、契約内容や費用について、また提供会社やサービスについても説明がありました。
— Point —
適切に利用するためには、概要や種別を把握した上で作成するWebサイトに適切なサービスを選ぶことが重要ですね。
完成したファイルデータをテスト公開し、不具合チェックや文字校正を何度も繰り返していよいよWebサイト公開となります。
公開後は、多くの人に訪問してもらえるようにサイトプロモーションを行います。
— Point —
サーチエンジンの最適化、ロボットがた検索エンジンへの登録、SEO対策のためのGoogle Analyticsを利用するなど、やることは盛りだくさん。露出度のアップにはSNSの活用してWebサイトとして連携させていくことも不可欠です。
WEBサイトづくりや運営はよく実店舗運営に例えられますが、オープンするにあたっては開店した後のことも、しっかりとプランニングして人がたくさん集まるような店づくりが大切なんですね。
STUDIO山口ではWebデザインにまつわる基礎知識もライブ授業を通して学習いただけます。
現在、Webデザイナー専攻コース12月生の募集中。体験・説明会も随時対応させていただいております!
お気軽にご連絡ください。