こんにちは、nobaraです🌿
カルディの水出しコーヒーと共にお送りしています✍☕

私は、この春開校したばかりのクリエイター養成スクール
“nests Digital Creative Academy” 通称 “ネスト” に通っています。

本日は、Webクリエイター志望に向けた講座である「Webプレ講座」を受けてみた感想について、綴っていきたいと思います。

Web制作の全体像を掴む

「Webプレ講座」は、「Web Designコース」開講目前のプレ授業として開かれた講座です。

いわば、”授業を受けるための授業” ！

はじめにWeb制作の全体的な流れを学んだ後、
実在するWebサイトを元にWeb制作ツールの使い方を学んでいきました。

nests Digital Creative Academy 「Web Designコース」プレ講座カリキュラム

【１】Web制作の目的と流れを知る

（意外と多くの工程が！👀）

【２】Photoshopでデザインカンプを作ってみる

【３】AdobeXDでワイヤーフレームをひいてみる

【４】WordpressでWebサイトを作ってみる

はじめのはじめに教わった、
「Web制作の目的と流れ」とは、このようなものです▼▼▼

▼Web制作の目的▼
Webサイトは、依頼者の「届けたい情報」を受け手に届けるために制作する

▼Web制作の流れ▼
①企画（打ち合わせ）
②Webサイトの設計・システムの設計
③素材の準備（写真撮影、情報の整理）
④UI設計・デザイン設計
⑤マークアップ・コーディング・プログラミング
⑥確認・検証・修正
⑦公開・運用

インターネットを使う側だと気が付かないのですが、Web制作には意外と多くの工程があることがわかります👀！

デザイナーがメインで関わるのは、④のUI設計・デザイン設計の部分です。会社やプロジェクトによっては、他の工程に関わることもあるそうです。

Webサイトを立ち上げた後も、反響を調査し、改善を重ねていきます。地道で大変な作業のイメージがありますが、届けたい人や求めている人に確実に情報を届けていくための改善は、とてもやりがいがありそうです。

ちなみに、講師の川和先生は、Web制作の分野において、制作会社でもフリーランスとしても活躍されてきた方です。そのため、

▶まず覚えておいたほうが良い機能、よく使う機能について
▶混乱しやすい専門用語や概念の解説
▶制作会社とフリーランスにおける、Web制作のアプローチの違い

など、制作現場の感覚を交えて解説してくださいます。

「デザインをしてはいけない」！？

授業を受ける中で印象的だったのは、AdobeXDでワイヤーフレームを作るときのこと。

ワイヤーフレームとは、

“ページ内に必要な要素をざっくりとレイアウトして、ページ内に必要な構成要素を確認するためのもの”（※授業より引用）
とのことです。

授業で使用したワイヤーフレームの作例

ワイヤーフレームは、営業担当者やディレクターが作ることが多いそうなのですが、このときにデザインをしてはいけないのだそうです。
企画や設計などの初期段階でデザインを決めてしまうと、クライアントさんの中でイメージが凝り固まってしまったり、デザイナーがワイヤーフレームのデザインに引っ張られてしまったりするからです。
私はデザイナーとディレクター志望なので、自分がデザインするときはワイヤーフレームにイメージを引っ張られないように、逆に、ディレクションをするときはイメージを押し付けないように気をつけたいと思いました。

Webプレ講座を受けたほうが良い人は…

「Webプレ講座」は、本講座である「Web Designコース」を受講する方なら（現在キャンペーン中のため）格安で受けることができるのですが、全員に必須の講座ではありません。

Web制作の基礎的なことや、ツールの使い方がメインとなるので、
未経験の方や、ブランクのある方におすすめです。

・クリエイティブ業界や、Web制作の業界に挑戦したいけれど、全然違う仕事をしていたので馴染めるか不安。

・本当に基本的なことが知りたい。業界の感覚が知りたい。

という方は、ぜひ参加してみるといいと思います。

特に、ツールに触ったことが無い人や、慣れていない人。

XDはそうでもありませんが、PhotoshopやWordpressなどは機能も多く、操作に慣れるのに多少時間がかかりそう。早いうちから触っておくに越したことは無いと思います。
私も元々ほんの少ししかツールに触ったことが無かったため、さすがにヤバいよな…と思って参加しました。
受講中、「こんなに初歩的な質問をしても大丈夫なの…？」と思ったとしても大丈夫です。むしろ、Web制作における前提を掴むための授業なので、どんどん聞いていいと思います。川和先生も、気さくに＆優しく教えてくださいます。
あと、個人的には、”授業”のようなものが久しぶりでしたので、学校に通って勉強するという感覚を取り戻せたことが良かったです。
スクール運営の方ともお喋りできたので、本開校のときも緊張せずに授業を受けることができそうです。本開校に向けた、いい助走になりました。
学校の雰囲気に慣れたい人も、ぜひ参加してみてください。

新しい校舎とスタジオと事務所と！

ちなみに、”ネスト”ですが、本開講に向けて引っ越しをしたそうです！

私がプレ講座に通ったときは原宿の巨大なオフィスビルで授業を受けましたが、同じく渋谷区内に事務所や教室を移転したそうです。
今度は、まるまる一棟クリエイターのためのビルができるとか。カフェや受講生が自由に使える作業スペースもオープンするらしい。
楽しみです🌸

“ネスト”は開校したばかりで、まだまだ生徒数が少ないです。

一緒に通える仲間が増えたら良いな～と思っているので、
少しでも気になったら、ぜひ公式サイトを見たり、オンライン相談会に参加してみてください！

私が参加するWebデザインコースとXRデザインコースは、4/16(土)から本開講します。

ちなみに、状況にもよりますが、
申し込みが4/16(土)の本開講に間に合わなくても大丈夫だそうです。（最初のほうはオンデマンドで受講できます。）

最後まで読んでいただきありがとうございました🌿
入学される方はぜひクラスで会いましょう〜(*^^*)/🌸

この記事をシェアする

Twitter

Facebook