2022年8月にウエブルのデザイナーとして入社しました栗原です。
大学では栄養学を専攻し、大学卒業後はカナダでワーホリ生活を送り、Webデザイナーになる前は保育園で栄養士をしていました。
以前はWebデザイナーとは完全に違う分野にいたわけですが、「Webデザイナーになる」という目標を立て、Webデザインの学習に取り組み、Webデザイナーとしてお仕事ができるようになりました。
2022年8月第2週目のウエブル週報は、完全未経験からWebデザイナーとしてウエブルに転職するまでの過程をお届けします。
「未経験からWebデザイナーとしてお仕事を始める為に必要なことってなんだろう…」
「未経験からWebデザイナーに転職した人はどうやって学習していたのかな」
今回はこういった疑問を解決できればと思います。
完全未経験からウエブルにWebデザイナーとして転職するまでの過程
基礎学習編【2019年4月～2019年12月】
基礎学習前編を３つに分けると下記のとおり。
- デザインの基本
- Photoshop&Illustratorの使い方
- Web制作の基礎
一つずつ解説していきます。
デザインの基本
デザインの基本を学習する際に活用した主な教材は以下のとおり。
- ノンデザイナーズ・デザインブック
- 配色デザイン良質見本帳: イメージで探せて、すぐに使えるアイデア集
- けっきょく、よはく
- ほんとに、フォント。
- あるあるデザイン
まずはデザインの基礎を書籍で勉強しました。
“ノンデザイナーズ・デザインブック”は、デザインの基本となる「デザインの4大原則」から始め、デザインを始めるときに必要な知識を学ぶことができる本です。
私はこの本を読むことから始めました！
今でも毎日のデザイン業務に欠かせない知識となっています！
“配色デザイン良質見本帳: イメージで探せて、すぐに使えるアイデア集”はデザインのイメージが言語化されています。お客様にデザインをお伝えするときに使える表現があるので参考になります！
Photoshop&Illustratorの使い方
Photoshop：主に写真の修正やWebデザイン制作に使われるソフト
Illustrator：イラスト、ロゴ、紙デザイン制作に使われるソフト
私はPhotoshop &Illustratorの使い方を学ぶためにUdemyにある教材を使用しました。
Udemyとは、200,000以上の講座があるオンライン学習プラットフォームです。
Photoshop&Illustratorの使い方を学習する際に活用した主な教材は以下のとおり。
この講座を通して、Photoshop＆Illustratorの基礎的な操作方法を学びました。
全部英語なので、英語に苦手意識のない方にはおすすめです！（英語字幕付き）
日本語での講座も色々ありますので、ぜひUdemyをチェックしてみてください。
また、Photoshopに慣れる為、デザインを知る為に約20個のバナーといくつかサイトをトレースしました。
トレースする際に、どうしてそのようにデザインされているのか考察し、ポイントをまとめると勉強になります！
Web制作
Web制作を学習する際に活用した主な教材は以下のとおり。
- Progate（HTML＆CSS）
- TechAcademy（Webデザインコース＆WordPressコース）
デザインだけでなく、Webサイトがどのようにできているのか知る必要があると考え、まずはProgate（オンラインプログラミング学習サービス）でHTML＆CSSの基礎を学びました。初心者でも分かりやすく、楽しみながら学習を進めることができるのでおすすめです！
HTMLとCSSを一通り学習した後は、TechAcademy（オンラインプログラミング学習サービス）のWebデザインコース＆WordPressコースを受講しました。Webサイトを自分でデザインし、ワードプレスのオリジナルテーマを作成しました。
フリーランス準備編【2020年10月～2019年3月】
Webデザイナーとして就職するために必要な実績が0だった私は就活がうまくいかず、「フリーランスとして活動を始めよう！」と考えます。
フリーランス準備編を３つに分けると下記のとおり。
- SNSの活用
- LP制作の学習
- 営業
一つずつ解説していきます。
SNSの活用
SNSはうまく活用すればお仕事に繋がります。
私が主に使用したSNSはTwitterです。Webデザインについて学習したことや感想、想いについて発信していました。Web制作フリーランスや会社経営者、同じくWebデザイナーを目指している方からコメントなどの反応を頂けるので、学習のモチベーション維持になります。
また、Twitter上にはWebデザイナーを募集している案件や採用情報が数多くあるので、情報収集の為に「Webデザイナー募集」と検索していました。
LP制作の学習
LPとは、明確なメッセージやオファーが含まれている縦長1ページのWebサイトで、コンバージョンを最終目的として構成されています。
LPの面白いところは、1ページのWebサイト上に一貫した1つのメッセージやオファーを伝えることができるというところです。
「LPって面白い！」 と思った私は、LPの構成やデザインを学びました。
LP制作を学習する際に活用した主な教材は以下のとおり。
- 現役LPO会社社長から学ぶ コンバージョンを獲るランディングページ
- 億を売る『LP理論』: 〜最高の見込み客リスト獲得ランディングページ教本〜
私はフリーランス時代にLPデザインを多く作成しました。
営業
営業も未経験だったので、基本的な営業メールの作成方法からWebを活用して調べながら始めました。
また前述したTwitterの投稿も営業となり、 Twitterで私を見つけてくれた方からのお問合せで、お仕事を頂くこともありました。逆に「Webデザイナー募集」というツイートを検索して、こちらからメッセージを送ることもありました！
フリーランス編【2021年4月～2022年7月】
LPやバナーデザインなどのWebデザインを中心にチラシやチケット、資料デザインなど幅広くデザインしていました。
フリーランス時代は営業からデザインまで全てひとりで行っていましたが、「ずっとこのままひとりではデザイン力やビジネス力を向上させたくても限界があるのではないか」という不安があり、「Webデザイナーとして企業に入社したい」と考えていました。
そんな中、ウエブルを知ったのは2021年7月頃。Twitterで代表のアカウントを見つけ、「この会社が採用活動を始めたら応募したい」と思うようになりました。
そして、1年後の2022年7月にウエブルが採用活動をしているのをTwitterで発見したときは、「チャンスかもしれない！」と思いました。1年間の制作物とWebデザインやウエブルへの想いなどをまとめ、デザイナー職に応募して、入社することとなりました。
本記事が、これからWebデザインを始めたい方、Webデザイナーとしての転職を考えている方へ参考になれば嬉しいです！
所感
私が実際にWebデザイナーとして活動を始める為に大切なことは「考えて行動すること」だったと思います。目標を定めたら、その目標を達成する為に必要なことを考え、正しい方向に向かって努力をしていくことが重要だと学びました。
デザイナーとしてもっと成長していけるよう、お客様に喜んでもらえるデザインができるよう頑張ります！
