デジタルハリウッド東京本校 ブログ

【イベントレポート】Webデザイナー体験会~Figmaを使ってWEBサイトのUIを作ってみよう~を開催いたしました!

2025-11-29

こんにちは。
デジタルハリウッド東京本校スタッフです。

今回、一般公開イベントとして、WebUIデザイン体験会を開催いたしました!

職業もデザインスキルもそれぞれな皆さまにご参加いただいたのですが、体験会後のアンケートでは満足度は全員100%でした!

そんな大好評のWebUIデザイン体験会、当日の様子をお見せいたします。

イベント概要

Webデザイナーとして、WebサイトのUIを制作するという体験イベントです。

デザインの学習経験は問わず参加可能!

エンジニア職、営業職、医療職、保育職、デザイナー職などなど、幅広い業界で働かれている皆さまが集まり、WebサイトのUIデザインを体験していただきました。

実際に使用したワーク画面

4人~3人のチームに分け、話し合いながらWebサイトのUIを設計します。

Figmaというツールを用いて、あらかじめ用意されたテーマや素材を組み合わせつつ、伝えたいコンセプトや想定される閲覧者を整理し、それらに基づいてレイアウトを構成します。

文字の色や大きさ、フォントなども考えていきます。

※Figmaは、デザインをオンライン上で共同編集できるデザイン業界で広く使われるデザインツールです。

イベント当日の様子

石井講師の過去の実務体験とあわせ、ワークの概要を説明します。

皆さま、初めてお会いする方々のため、まずは簡単に自己紹介から始めます。

時には紙とペンでのアウトプットも行いながら、ターゲットやコンセプトを明確にしていきます。
アウトプットと並行し、FigmaでWebサイトのUIを試行錯誤しながら組んでいきます。
参加者の皆さま、一人一人が意見を出し、活気のある雰囲気でした!

最後は各チームでプレゼンテーション。

石井講師からの評価・フィードバックも行われました。

イベント参加者の声を一部ご紹介

  • 講師に聞きたいことを聞くことができた。インプット・アウトプットできるワークが良かった。

  • 実践的なフレームワークの構築まで体験できた。

  • 個人的にデザインに経験がない人が参加してみて、実際に実践してみるっていうのはすごく貴重な経験になりました。

  • 様々なキャリアの方がいらっしゃって、同じようなスクールを選ぶ経緯も皆さん違くて見識が広まり楽しかったです。

  • 実際にFigmaを使って、デザインに取り組めるだけでなく、実務的な面をケーススタディとして学ばせていただけたので、Webデザイナーという職自体への理解も深めることができました!

まとめ

Webデザイナー体験として、WebサイトのUIを制作するイベントでした。

こちらのイベントをきっかけに、Webデザイナーというお仕事に対しての興味が増していただけたら嬉しい限りです。

ご好評につき、第2回も開催予定ですので、ご興味を持ってくださったかたはぜひお越しください!

本科UI/UXデザイン専攻特設サイト

▼バナーを押すと特設サイトに移動します

プロフィール写真

4月・10月開講

本科UI/UXデザイン専攻(1年間)

専科UIデザイナー専攻(6か月間)


1年でデザイン基礎からUI・UXを体現したデジタル表現を徹底的に追求。 インタラクティブ表現、サービスデザインなどをアウトプットするデザイン系最高峰のコース。様々なアウトプットを総じて学びデザインの制作力を実務レベルに引き上げます。


スクール説明会に参加しよう!

明確に学びたいことやビジョンが決まっていなくても大丈夫です。少しでも興味があればぜひ説明会にお越しください。
1.個別カウンセリングで疑問を解消
2.学校・コース/カリキュラムの詳細を解説
3.卒業生作品・実績をポートフォリオでご紹介
4.あなたの目的に合った就転職プランのご提案
5.学習環境・設備のご案内
※ご予約の際、ご希望のスクールは『東京本校』をご選択ください。

- 東京本校入学 までの流れ -

STEP 1

▶ スクール説明会に参加する

STEP 2

▶ 出願する (ここではまだ入学は確定していません)

─出願後─

①『 選考料 』5,000円のご入金をする

②『 選抜試験 』を受ける

③『 合否結果 』発送


※上記は本科CG/VFX専攻、本科UI/UXD専攻の入学の流れです。
 専科UIデザイナー専攻・専科3DCGデザイナー専攻に出願される場合は①~③の工程はございません。

STEP 3

▶ 受講料のお支払い手続きをする ~ ご一括 or ご分割の選択 ~

  早期出願(入学)の方は、お手続きが早ければ早いほどお得に学ぶことができます 。

STEP 4

▶ ご入学の確定 \ おめでとうございます! /

その他の東京本校のブログ

BLOGS