Webデザイナーに
なりたいを応援。

Web業界に15年以上居るWebデザイナーがガイド役になり未経験からプロのWebデザイナーになりたいあなたを支援するサイトです。

このサイトの使い方をみる

はじめての方へ

未経験だから、とあきらめていませんか？

Webデザイナーは美大やデザイン専門学校で学んでこないと成れない職業だと思っていませんか？

実は、未経験でもデザインスキルやWeb制作を学べば、誰でもWebデザイナーになれます。

情熱があれば、どんなバックグラウンドでも活躍できます。未来のWebデザイナーのあなたは、今日から始まります。

簡単！未経験からWebデザイナーになる流れ

未経験からフリーランスのWebデザイナーとして働く方もいますが、最初はWeb制作会社で働いて経験を積んでいくことが一般的です。

  • STEP1

    必要機材の準備

  • STEP2

    Webデザインの勉強

  • STEP3

    Webデザインの作品づくり

  • STEP4

    ポートフォリオの制作

  • STEP5

    転職エージェントの登録

  • STEP6

    Web制作会社への転職活動

Webデザイナーになる流れ

新着エントリー

Webデザイナー基礎知識

【危険】Webデザイナー未経験者がWebデザイン勉強中にやってはいけないこと

WebマーケティングをWebデザイナーが身に付けると市場価値が高くなる理由【おすすめWebマーケティングスクール】

未経験からWebデザイナーになりたい初心者が抱える不安とその解決法【実体験】

【最大70%補助！】Webデザイナーへの転職を目指すなら、リスキリング支援制度を活用しよう！おすすめWebデザインスクールと対象講座紹介

無料体験を受けておきたいWebデザインスクール10選【無料体験で学ぶ方法】

「超」効率的なWebデザインのスキルアップ方法5選を紹介します

未経験Webデザイナーに資格は必要なのか？【資格取得は必要ありませんが…】

Webデザイナーが実務で使うExcel（エクセル）の使い方を解説します
Webデザイナー基礎知識一覧

Webデザイン講座

Webデザイナーに必要なWebデザイン理論を覚えるガイドマップ

WebデザイナーのためのWebアクセシビリティ導入ガイド

Webサイトのナビゲーションを理解してWebサイトの使いやすさを向上させるポイント

Webデザインの基礎知識大全！レイアウト・カラー・タイポグラフィをすべて学ぶ

Webサイトの基本の情報構造とSEOに効果的な構造について解説します

Webサイトの種類はサイトの目的から決定すべき【目的と実例について解説】

現役Webデザイナーでも忘れてしまうWebサイト概論【結論は問題解決です】

WebデザイナーがAdobe XDを使うために必要なロードマップ

Adobe XDで制作したデザインカンプをコーディングする方法

Adobe XDにおけるデザインカンプの制作手順【画像を使い分かりやすく解説】

Adobe XDでワイヤーフレームを作る手順を解説します【現場で使える】

WebデザイナーがAdobe XDで習得すべきアセットの使い方を解説します
Webデザイン講座一覧

Webサイト制作実践

Step1Webサイトが出来るまでの制作の流れ【現場レベルでお伝えするよ】

Step2Webサイト制作でヒアリングシートを活用すべき理由とヒアリング項目【ヒアリングシート付き】

Step3Web制作で失敗しないために必要な制作仕様書の作り方【テンプレートあり】

Step4Webサイト制作に必要なペルソナシートの作り方と例題を解説【ペルソナシート付き】

Step5ユーザーシナリオを活用してサイトコンテンツを作る【テンプレートあり】

Step6Webサイトリニューアルの提案書の作成方法を解説します

Step7Webサイトリニューアルのためコンテンツマップの作り方と使い方

Step8Webサイトリニューアルに必要不可欠なディレクトリマップの書き方を解説【テンプレートあり】

Step9戦略的なWebサイト制作するためのワイヤーフレームの作成方法

Step10Webデザイナーの必須スキル！Photoshopで学ぶデザインカンプ制作の方法

Step11WebサイトのHTML/CSSコーディングの手順を解説

Step12Webサイトをコーディングしたら必ずチェックする項目と確認方法

Step13【プロ仕様】Webサイト制作における実務テンプレート各種
Webサイト制作実践

Webデザイナー就職・転職

「未経験者歓迎」は本当？Webデザイナー採用の裏事情と現実【Web業界の闇】

Webデザイナーの採用面接の質問の本質を考える【よくある質問例題付】

未経験が武器になる！Webデザイナーが教えるブログの書き方（初級編）

最短でプロのWebデザイナーとして就職をする正攻法にして王道な方法
Webデザイナー就職・転職

私のWebデザイナー転職記

おすすめの就職・転職エージェント［広告］