DESIGN SHIFTWebデザイナー育成ツール
ワイヤーフレームのスケッチとパソコンが並ぶ、Webデザイナーの制作デスク

WEB DESIGN TRAINING / FROM ZERO TO CREATOR

DESIGNSHIFT.

未経験から、プロの現場で通用するWebデザイナーへ。

現役デザイナー監修の育成ツールで、
実践的な制作スキルと実績を手に入れよう。

無料でツールを試してみる
  • 初心者からOK
  • プロによる添削
  • 自分のペースで学習
LEARN. CREATE. GROW.「わかる」を、「つくれる」に。

YOUR NEXT CHAPTER STARTS HERE.

Workspace photo: UX Store / Unsplash
TURN YOUR SKILLS INTO WORK.
Web DesignUI / UXFigmaPortfolioCreative Thinking

01 BEYOND THE TUTORIAL

学んだだけで、
終わらせない。
つくる力を、あなたに。

DESIGN SHIFTは、実案件に近い課題とフィードバックで「作れるデザイナー」を育てる、Webベースの学習プラットフォームです。

動画で知識を得る。その先にある、考えて、つくって、磨き上げる経験へ。現役デザイナーと一緒に、自信を持って見せられる一作を仕上げましょう。

「つくれる」を育てる3つの特徴
01 / UNDERSTANDBrief.

課題を読み、目的を考える。

02 / CREATEDesign.

手を動かして、形にする。

03 / IMPROVEFeedback.

添削を受け、もう一歩先へ。

02 MADE FOR YOUR NEXT STEP

あと一歩を、
踏み出したいあなたへ。

その悩みは、次のステージへの入口です。

  • スクールで学んだけれど、
    実践で通用するスキルが身についたか不安。
  • バナーだけでなく、本格的なLPや
    Webサイトをつくれるようになりたい。
  • ポートフォリオに載せられる、
    自信のある実績をつくりたい。
  • 独学に限界を感じている。
    プロの視点で、自分のデザインを見てほしい。

03 THREE SHIFTS FOR YOUR FUTURE

あなたの成長を変える、
3つの体験。

知識をスキルに。スキルを自信に。
実践のサイクルが、あなたの可能性を広げます。

PROJECT BRIEF / 001BEGINNER

街のカフェの魅力を、
ひとつのWebサイトに。

Webサイト情報設計Figma

CLIENT: COFFEE & DAYS

SHIFT 01REAL-WORLD PROJECTS

「現場」を、学びの場所に。

実際の要件定義をもとにした、リアルな制作課題。目的やターゲットを読み解くところから、プロの思考と制作を体験できます。

SHIFT 02PROFESSIONAL FEEDBACK

プロの視点が、味方になる。

経験豊富なWebデザイナーが丁寧に添削。「なぜ良いのか」「どう直すのか」がわかるから、次の制作にも活かせます。

MY PORTFOLIOSELECTED WORKS / 01
画面を見ながらデザインを検討する制作チームMy first, not my last.WEB DESIGN / ART DIRECTION
SHIFT 03YOUR OWN PORTFOLIO

一作が、未来への実績に。

仕上げた作品は、ポートフォリオへ。制作の意図や改善のプロセスまで伝えられる、あなた自身の実績を積み重ねられます。

04 YOUR CREATIVE WORKSPACE

開けば、そこが
あなたの制作スタジオ。

課題選びから制作、フィードバックまで、ひとつの場所で。迷わず使えるワークスペースで、つくることに集中できます。

DESIGN SHIFT / WORKSPACESAMPLE

LET'S MAKE SOMETHING.

次は、何をつくりますか?

PROJECT LIBRARY

※ 画面は学習体験のサンプルです。

学習の流れをもっと詳しく

05 SMALL STEPS. REAL PROGRESS.

最初の一歩から、
作品ができるまで。

小さく始めて、何度でも磨く。
成長につながる、4つのステップ。

  1. Step 01

    無料会員登録で、
    スタートラインへ。

    アカウントをつくってログイン。あなたの学びのワークスペースが開きます。

  2. Step 02

    今の自分に合う、
    課題を見つける。

    レベルやつくりたいものに合わせて、取り組む制作課題を選びましょう。

  3. Step 03

    考えて、つくって、
    提出してみる。

    要件をもとにデザイン制作。制作意図も添えて、ツールから作品を提出します。

  4. Step 04

    プロと一緒に、
    もう一段、磨き上げる。

    メンターのフィードバックをもとに改善。自信を持てる作品へと仕上げます。

06 GOOD QUESTIONS

はじめる前に、気になること。

はい、もちろんです。基礎から取り組める課題をご用意しています。バナーの制作からLPやWebサイトへと、自分のレベルに合わせて段階的にステップアップできます。

YOUR NEXT STARTS NOW.

「やってみたい」を、
最初の一作に変えよう。

才能よりも、まずは一歩。
あなたの中にある可能性を、つくりながら見つけませんか。

今すぐ無料で体験する
DESIGN SHIFT / SERVICE GUIDE

「つくれる」までの学びを、
ひとつに。

実践課題、プロの添削、ポートフォリオ制作。DESIGN SHIFTの学習内容をまとめたサービス資料です。

こんな方へ
Webデザインをこれから学びたい方、制作経験を積みたい方、ポートフォリオを充実させたい方。
学べること
要件の読み解き、情報設計、配色、タイポグラフィ、Figmaを使ったバナー・LP・Webサイト制作。
学習の流れ
会員登録 → 課題選び → 制作・提出 → メンターの添削・改善。
必要な環境
インターネットに接続できるPCとWebブラウザ。制作にはFigmaなどのデザインツールを使用します。

HTML形式の資料です。ブラウザで閲覧・印刷できます。

PROJECT BRIEF

ターゲット
制作のポイント
制作するもの

制作画面ではカフェサイトの配色を体験できます。

DESIGN SHIFT / INFORMATION