Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
就転職の手引き for web designer biginners
Search
shsh0310
February 04, 2017
Education
160
0
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
就転職の手引き for web designer biginners
@DegitalHollywoodStudioYokohama
shsh0310
February 04, 2017
More Decks by shsh0310
See All by shsh0310
WP REST API と React で始める リモートワークでの有料Webメディア開発
shsh0310
0
520
デザイナードラフト LT UXDAYS TOKYO
shsh0310
0
230
就転職活動ことはじめ Remix for web designer biginners
shsh0310
1
120
就転職ことはじめ for web designer biginners
shsh0310
0
81
Other Decks in Education
See All in Education
形骸化しない社内勉強会の取り組み - オーナーシップの作り方 / In-house study session
soudai
PRO
0
160
輻射安全管理系統2.0暨輻防e++學園平台說明會
aecrp
0
1.9k
Examen de Selectividad. Geografía junio 2026 (Convocatoria Ordinaria). UCLM
juanmartin2026
1
4.4k
Lectura 1 (PIT : Python Basico)
robintux
0
1k
Course Review - Lecture 13 - Information Visualisation (4019538FNR)
signer
PRO
1
2.7k
Fundamentos, Caracteristicas y Aplicaciones de los Modulos NumPy , Matplotlib y Pandas
robintux
0
180
[2026前期火5] 論理学(京都大学文学部 前期 第12回)「証明を走らせる:カリー・ハワード対応」
yatabe
0
250
Where Data Meets Storytelling
georgesinnott
0
150
Enterprise UI, v2
stevekinney
0
150
[2026前期火5] 論理学(京都大学文学部 前期 第14回)「計算は、証明ではない——ハルシネーションを三層ハーモニーで診る」
yatabe
0
170
遊ぶかね欲しさの犯行(ルビ:労働)です
shirayanagiryuji
0
220
Stardy 会社紹介資料
stardy
0
4.8k
Featured
See All Featured
How to Grow Your eCommerce with AI & Automation
katarinadahlin
PRO
1
240
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
37
6.5k
The agentic SEO stack - context over prompts
schlessera
0
860
Digital Ethics as a Driver of Design Innovation
axbom
PRO
1
360
Building Flexible Design Systems
yeseniaperezcruz
330
40k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
38
2.9k
sira's awesome portfolio website redesign presentation
elsirapls
0
320
Designing Dashboards & Data Visualisations in Web Apps
destraynor
232
55k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
10
1.3k
Exploring the relationship between traditional SERPs and Gen AI search
raygrieselhuber
PRO
2
4.2k
What’s in a name? Adding method to the madness
productmarketing
PRO
24
4.1k
Intergalactic Javascript Robots from Outer Space
tanoku
273
27k
Transcript
就転職活動の 手引き
略歴 • webデザイナー・ディレクター • フロントエンドエンジニア • webアプリケーションエンジニア(今ココ) 一言 自社の採用担当をしています。 元は医療福祉な業界で、総合事務(会計経理・人事・
総務・労務)やってました。 この業界に入ったのは 30歳直前。 異業界・異職種からの転職組です。 意外となんとかなってます! 自己紹介 shunsuke.shimada.3 shsh0310
アジェンダ 1. ポートフォリオ 2. 履歴書、職務経歴書 3. 面接でよくある質問 4. 企業の本音 5.
質疑応答
ゴール 就転職活動する時に何をすれ ばいいか、昨日より少し 具体的に 考えられるようにになる。
ポートフォリオ
ポートフォリオ、何 を書く? 1. 制作した成果物(Webサイト等) 2. 担当した作業 3. 制作期間やコンセプト 4. 工夫点
ポートフォリオ、ど こを見てる? 1. 成果物 2. ポートフォリオ自体 3. 何ができる人なのか?
成果物 作ったものは何でも入れちゃいましょう。 • 卒業制作 • バナー制作で作ったもの • OJTの作品 • 試しに作ってみたアレ
• 趣味で作ってみたアレ ※とりあえず何でもいいです!
ポートフォリオ 自体 紙(PDF) レイアウトもちゃんと考えて、印刷する場合 はちゃんとした紙に印刷する。 Webサイト 大変かもしれないが、一から自分で考えて ビジュアルデザインしたものが好ましい。 ※ これがあるとコードも見てもらえるかも。
Webサービス 最後の手段 ※紙に印刷したほうが好印象らしい。某レシ ピサイトC社デザイナー談。
1. Web サイト → デザイン 2. サイト公開 → コード 3.
WordPress → PHP 4. 企画書 → ディレクション その他、、、 • イラスト → イラストレーター • 音楽 → 動画SE作成 • 動画 → 動画素材作成 何ができる人 なのか?
ポートフォリオ、 なにで作る? 1. 紙(PDF) 2. Webサイト 3. Webサービス
紙の場合 デジハリの例 http://school.dhw.co.jp/school/yokohama/blog/ 20160410.html ※注意点 名刺やフライヤーなどのドキュメントも、実際 の成果物がGood
Webサイト 有名な方(?)の制作事例 http://www.choicely.jp/webdesign/category /portfolio/ ※卒業生のものではないです。 ※注意点 レンタルサーバ及び、サイトのデータは全て 自分で用意する等の手間がかかります。
Webサービス ▪ Behance https://www.behance.net ▪ dribbble https://dribbble.com/
履歴書、職務経歴書
履歴書& 職務経歴書、 何を書くの? • 職務要約 • 活かせる経験・知識・技術 • 経歴書(逆時系列に) •
仕事以外の活動(セミナー、勉強会参 加) • 資格 • 自己PR ↑デジハリで学習した事とかは、ここでも アピール! ※Webの業務に関係なくても、業務内容を しっかりと書きましょう。
面接でよくある質問
面接時によくある 質問1 1. 経歴紹介、自己紹介 2. 転職しようと思ったきっかけと、会社選 びの基準 3. どういう時に仕事のやりがいを感じま すか
4. 得意な事、最近気になる事(web関連 でなくても可) ※ 注意点 • 志望理由は会社ごとに変えましょう。 意地悪な質問とかあるかもですが、気 にしない。
質問の意味 • 転職しようと思ったきっかけと、会社選 びの基準 • どういう時に仕事のやりがいを感じま すか →問題意識の持ち方、意欲 • 得意な事、最近気になる事(web関連
でなくても可) →学習意欲と成長意欲 ※補足 • スムーズなコミュニケーション • 適度に元気がある(覇気がある) • 嘘付いてない感じ のあたりも気にしています。
面接時によくある 質問2 ※その他の質問 • 好きなデザイン(デザイナー)は? • 最近読んだ技術書は?(コー ダー、エンジニア) • 最近見たWebサイトでよかったも
のと、その理由は?→ネタ探しを 心掛けましょう!
良いWebサイト、 ネタ探し ▪ ikesai http://www.ikesai.com/ ▪ AWWWARDS http://www.awwwards.com/ ▪ CSS
winner http://www.csswinner.com/
企業の本音
担当者の本音 前述の素質が見込めて、 ある程度のスキルがあれば、 未経験だろうがなんだろうが関 係無いです!
メッセージ 自信をもって活動 しましょう!
求人情報の探し方
求人情報の探し方 ▪ コーポレートサイト →「絶対にここに入りたい!」という企業が ある方 ▪ 求人媒体 →マイペースに調べて応募したい方 ▪ 転職エージェント
→いろいろわからないので、誰かに相談と かに乗って欲しい方
コーポレート サイト いわゆるこういうところ http://www.dhw.co.jp/jobs/
求人広告 最近はクリエイティブ職専門のサイトも 増えてきました。 Green https://www.green-japan.com FindJob www.find-job.net moreworks https://www.moreworks.jp
転職エージェント いろいろな手間のかかることを代行し てくれたり、相談に乗ってくれたりもし ます! イマジカデジタルスケープ https://www.dsp.co.jp/ ハリウッドエージェント http://hlywd.co.jp/ ワークポート https://www.workport.co.jp/
求人情報の探し方 自分にあった探し方を選択しましょう!
おわり
質疑応答