ひととおり
Webデザインは学んだけれど
ここからどうする？
Beans College（ビーンズカレッジ）は、
初心者は抜けたけれどもその先に進むことに困っているWebデザイナー・技術者の皆さんに向けたスクール＆コミュニティです。
近年、学習を始める人が急増している「Webデザイン」。
独学で学んだり、スクールで学んだり、いろいろな学び方がある中で、
その学びをもう一歩前進させるお手伝いをさせてください。
Beans Collegeは「学校」のように課題をこなしつつ、「コミュニティ」のような気軽さで、
あなたのペースで学んでいただけるサブスクリプション型の学び場です。
スクールを
卒業したけど
自信がない
ポートフォリオを
作りたい・
充実させたい
Web業界への
就職が
うまくいかない
フリーランスに
なるための
指針がほしい
Beans Collegeは、現場の入り口で困っている皆さんのためにスタートしました。
Web業界へ転職したい方、独立してフリーランスとして働きたい方、
一緒に道筋を描いて目標へ向かっていきましょう。
SCROLL
デザインやコーディングなど、実務に近い実践的な課題を用意しています。課題に取り組んだあとは、登校日に講師からレビューを受けましょう。
Web制作を一通り学んだ方向けの、知っておくと現場で活躍できるBeans Collegeオリジナルの動画教材を用意しています。考え方や実務にフォーカスしており、デザインやコーディングの実力をさらに伸ばしていきます。
月に1回、メンバー限定の勉強会を行っています。現場で役立つプロのテクニックを学んだり、お金に関する勉強会や学習のプランを立てるイベントなど、「スクール＆コミュニティ」ならではの企画を実施しています。
質問会ともくもく会をあわせた、自由参加の「登校日」を週に2回設けています（毎週水・土 12〜17時）。ご都合のつく時間にオンラインで登校し、講師への質問、相談、課題レビューなどを行います。もくもく作業するだけの利用もOK。顔出しはありません。
入会したものの学習の進め方がわからない、という方に向けて、学習ロードマップを用意しています。また、ご自身の状況や目標に合わせた個別相談も人気です。
目標に合わせたポートフォリオづくりのサポートや、どんな会社が自分に合っているか、またその先の「どんな生活を送りたいか」まで一緒に描き、転職活動に伴走します。
「ひとりでは転職までの道筋が描けない」という方も安心です。
学習動画は基礎部分を省いており、現場で本当に必要な知識や技術が中心となっています。
課題は納期や、実務でありがちな条件が設定されています。
デザイン/コーディングどちらも伸ばしたい人、どちらかのみ伸ばしたい人など、ご自身の目指す方針に合わせて学習いただけます。
苦手なコーディング
だけ学んでいます！
先輩のサポートを受けながら
実務に取り組んでいる感覚！
上手に作るためのアドバイスだけではなく、より実務目線・クライアント目線でのフィードバックを受けられます。また、課題のレビューだけでなく、自主制作や実案件のレビュー*もOK。
Beans Collegeのフィードバック・ご相談は、希望者全員に実施しています！
※実案件レビューについては条件あり。
気づきが多く勉強になる！
相談できる安心感が
すごい...!!
Beans Collegeは決まったカリキュラムが無く、学習動画や課題のチャレンジなど、自分自身に必要なものを自分に合ったペースで選んで受けられます。わからないことや相談は登校日に。
学習の進め方からサポートしてもらえた！
就活の相談をメインに登校しています。
気軽に学習を始めてもらいたいので、入学金や契約の縛りなどはありません。サブスクリプション型で入会も退会も簡単！
また、退会後も一部のslackチャンネルには在籍可能で、再入会も大歓迎です。無理な勧誘は一切ありません。
入社して落ち着いてきたので
再入会しました！
目標・目的に合ったポートフォリオ制作を
徹底サポート！
ポートフォリオは単に実績を掲載すればいいというものではありません。多くの転職成功者を輩出してきたBeans Collegeでは、独自のポートフォリオ企画シートを用意しており、講師と相談しながら進める事ができます。
学習ロードマップ
学習の進め方がわからない、という方に向けて、学習ロードマップを用意しています。ロードマップにはBeans Collegeの課題や動画以外にもおすすめの書籍など多数掲載。また、ロードマップだけでなく、ご自身の状況や目標に合わせた個別相談も人気！
基本的なデザイン制作の流れや、写真の補正やアイコン制作など、Webに特化したデザインが学べます。特に「ツールの使い方は勉強したけど、デザインはよく分からないまま・なかなか上達しない」という方にぴったりです。
登校日には、オンラインで画面共有をしながら、バナーやサイトデザインなどのレビューを受けられます。制作意図も書いていただくので、デザインの言語化の練習にも！レビューでは、見栄えの良し悪しだけでなく、制作意図に合わせた表現方法を学ぶことができます。考え方、効率的な方法など、実務目線でフィードバックします！
実際のレビュー例
Before
写真の見せ方はバッチリ！開放感を一番に伝えたいとのことでしたが、あまり感じられず、メリハリもなくどこから見たらのか分からない。
After
「大開放」という言葉に合わせてはみ出すレイアウトに。色やフォントも工夫して、情報にメリハリをつけました。
Figma、Photoshop、Illustrator、といったデザインツールはもちろん、近年人気の高まっているノーコードツールや進化の早い各種AIツールの活用についても学べます！
デザイン分野担当講師
おのれいこ
制作会社だけでなく8年半フリーランスとして活動してきました。大学や社会人スクール、通信講座などでたくさんの方へのレッスン実績あり。初歩的な質問でも恥ずかしがらなくて大丈夫！迷走している方へ気付きを与えるのが得意です。
制作者の意図を尊重しながら「より良くする」ためのフィードバックを心がけています。楽しむことを忘れずに、着実にステップアップしていきましょう！
実践的なコーディング課題と現場で役立つコーディング関連動画を用意しています。フロントエンドの最新技術やツールなどの情報・知識はもちろん、プロとして業界を生き抜くための「正しい情報・良い情報」を見極める方法も学べます。
苦手意識を克服したい方は基本的な技術を、もっと伸ばしたい方は実践的な技術を学べます。
WordPressでは、最新の「ブロックテーマ」の技術だけでなく、運用案件にも役立つクラシックテーマの知識、土台となる知識・技術の「PHP」や「CMSのしくみ」も学べます。
プログラミング分野では、JavaScriptをいちから学ぶことができます。
日々新しい技術が登場し続けているAI技術についても、「基本的なAI用語」や言語モデルの違い、AIコーディングツール、AIでできること・できないことなど、流行に惑わされない基本から実践までを学べます。
「HTML / CSS」「WordPress」「JavaScript」「Git / GitHub」「CLI（ターミナル）」「React」「VS Code / Cursor」「AI技術（Copilot, Cloude, Figma MCP, ChatGPTなど）」
「調べてみたけど分からなかった...」という人でも大丈夫！
豆カレでていねいにフォローします。
コーディング分野担当講師
相原典佳
皆さん一人ひとりに直接・個別に指導しているBeans Collegeだからこそ、通常は省かれがちな「どうしてこうなっているの？」という部分、「実際の現場ではどうなの？」といった突っ込んだご相談・ご質問も可能です！
コードの基本的な書き方はもちろん、効率的なコーディング、ツール、技術選定の方法やお見積りまで、ぜひ何でも聞いてください！ 皆さんがプロとして活躍するための「後押し」ができることを楽しみにしています。
月に1回、メンバー限定の勉強会を行っています。現場で役立つプロのテクニックを学んだり、お金に関する勉強会や学習のプランを立てるイベントなど、「スクール＆コミュニティ」ならではの企画を実施しています。
デザイン、コーディングの知識・実力をもう一歩前進させる勉強会や、就活や将来設計に役立つイベントなどを毎月開催しています！Beans College講師の2人だけでなく、様々な分野のプロフェッショナルをお招きした特別講義も。就職・独立を目標に掲げている皆さんの「今、知りたい！」にお応えするため、「こんな勉強会を開催してほしい！」といった声もどんどん反映しています。
毎月実施する勉強会は、録画をしてメンバー向けにアーカイブを配信しているので、入会すると過去のアーカイブをすべて視聴可能です。また、noteにて勉強会の内容を体感していただけるレポート記事を毎月更新しています！こちらもチェック！
「料金プラン」からプランを選び、「登録する」よりお申し込みください。
メールアドレスを入力し、クレジットカードにて決済をお願いします。
Slack（連絡ツール）の参加URLが記載された自動返信メールが送られるので、クリックして参加します。
※メールが届かない場合は、フォームよりお問い合わせください。
Beans CollegeのSlackに登録することで、入会となります。学習サイトのログイン情報はSlackに記載しています。
misakiさん
Webデザインスクール卒業後も、引き続き勉強したり、先生のサポートを受けたかったため。
ポートフォリオ作成時に、たくさんアドバイスを頂き、自分の強みについて気づく事ができ、迷いがなくなりました。
添削や実案件の相談など。
お二人の存在が、web制作の心のよりどころになり、モチベーションを保てております！
マキさん
現場で活躍するプロの話が聞けて、質問や添削もあるところに魅力を感じました。 また、勉強会や学習動画の内容が他には無いような即役立つものばかりで、その点も決め手になりました。
本には載っていないような細かなことも、豆カレでは体系的に学習できます。また、キャリアアップを目指す具体的な目標管理も取り上げられていて、モチベーション維持につながると思います。
自分のペースで利用でき、とても満足しています。
N.Yさん
質問があるときやアドバイスが欲しい時に登校しています。(水・土)
課題に対してのフィードバックが参考になります。『初心者向けの本にはこのやり方が書いてあるけど実際の現場でこれやるのはちょっとダサいかも』みたいな独学だけではわからない意見を貰えるのはとてもありがたいです。
相原先生は、忖度なしで作品とその人の成長のためにしっかり意見をくれるのが良いなと思います！ おの先生は、私がデザインの方を今全く手をつけられていないので直接お話ししたわけでは無いですが、勉強会での印象は優しくて一緒にアイコンを動かすのが楽しかったです！二時間があっという間でした・・！ お二人とも安心感があって、小さな悩みでも相談したくなるという印象です。
特に、"デザインコンセプトの決め方・サイト作成の目的の決め方"が参考になりました。ここが一番苦手で、なんとなくデザイン・なんとなくコーディングをしていた自分から大きく成長できたと思います。
Sさん
Webデザインスクールを卒業後、１人で学習を進めることに不安を感じていた時に豆カレが自分に合っているのではないかなと思い、入会を決めました。
バナーデザインの課題に取り組んだ際は、デザインに取り組むまでの過程を詳細に説明してくださって、Webデザインを学び始めた時に出会えたら良いなと思うほど勉強になりました。
相談やレビュー時に、経験や知識を踏まえて、いつも的確なアドバイスや指摘をくださり、その場かぎりではなく、向き合っていただけているなと本当に感じます。
豆カレに入会する前の自己完結してしまっている学習については、自分の力がついているのか自信がないことが多かったのですが、豆カレでしっかりとレビューをしてくださることで、1つ1つデザインの知識をつけることができ、自信につなげられました。また、レビューにて自分の未熟さを痛感することで、自分の課題にも気づくことができました。
いとさん
いろいろ相談したり、勉強したり、交流したり。
お二人ともざっくばらんに相談しても、ピンポイントな内容で相談しても、親身になってくださってありがたかったです！
自分のキャリアプランについての悩みを相談できたこと。 今更ですが、マーケターかフロントエンドかでご相談し、ちょうど先日、Webマーケターとしての転職を叶えることができました。あの時はありがとうございました！
相談やレビュー時に、経験や知識を踏まえて、いつも的確なアドバイスや指摘をくださり、その場かぎりではなく、向き合っていただけているなと本当に感じます。
とにかく相談先があることの安心感！ 実案件に対するデザインレビューもいただけたおかげで、クライアントに喜んでもらうことができました！ありがとうございます！ マーケターとしての活動に移行したため、再入会はしないつもりなのですが、時々気になる動画の追加やイベントの開催予定を知って、ぐぬぬとなってます。笑
ＣＨさん
おの先生のセミナーがきっかけです。添削して頂きたいと思いました。
デザインの動画については、イチから制作することを想定したかなり実践的な内容でした。初心者がつまづきやすい部分の説明もしっかりあり、学びが多く何回も視聴しました。その後に用意された課題とレビューで動画内容が落とし込まれ短期間で鍛えられたと感じました。
操作やテクニックを覚えることを優先していましたが、制作目的、ターゲットなどの絞り込みなど制作前の過程の大事さとデザインへの意味づけの大事さを学びました。
やはりプロの方から直接レビュー頂けること、わからないことも気軽に相談できる環境が用意されているというのは心強いです！
基礎をある程度学んだ方に向けた内容となっているため、ツールの基本操作やHTMLの書き方などの教材はありませんが、登校日にはどんな初歩的ことでも質問OK！
バナーデザイン課題、デザインの発想の講座、実践的なHTML/CSS課題、Photoshop講座、Adobe XD・Figma講座、Git講座、WordPress講座などがあり、課題の添削や講座の質問が可能です。
公式サイトの「料金・プラン」から希望のプランをお選びいただけます。退会の際は、学習サイトからお手続き可能です。退会後も一部のslackチャンネルには在籍可能で、再入会も大歓迎です。 期間の縛りや違約金、入会金などはありません。
Beans Collegeはサブスクリプション型のサービスとなっており、入会した日を基準に毎月契約が更新されていくため、日割りは発生しません。
バナーを一人で完成させることが出来る、またはデザイン＋静的コーディングで1サイト以上を自力でつくったことがある、程度のスキルがあれば大丈夫です。
技術を教える「授業」というのはありませんが、毎月「月イチ勉強会」を実施しています。形式は講義やワークショップなど様々です。また、動画講義では、スクール卒業と制作現場のギャップを埋めるような講義があります。
実案件の制作物に対してのレビューについては、一定の範囲であれば可能です（ガイドラインを用意しています）。
毎週水曜・土曜の12:00-17:00で実施しています。（予告なく変更となる場合があります）
内部の近況やイベント情報を得られるメルマガ登録 or 公式LINE追加がおすすめ！
メルマガ・LINEでは当月のイベント情報や、前月のイベントレポート、説明会情報などを配信しています。
メルマガは月1回なので、うっとうしくもありません。
また、LINEではトーク画面からお問い合わせも可能です。
