SlideShare a Scribd company logo
1 of 49
Download to read offline
スズキユキ  @@ss1122bbtt
フリーランス
はじめました
22001133//88//1188
スズキユキ @s12bt
UX/UIデザイナー
2013年3月に独立
おにぎりたまごうぃんなー
http://obentoba.co
業務アプリとか管理画面が好き
食べることが好き
今日はなすこと
1. 「スキル やりたいこと」
キャラクターを作る
2. 弱点を鍛える + 補う
まえがき
フリーランスになるまで
2008年4月 サイボウズ株式会社に入社
・Webアプリ、モバイルアプリの
UI設計、要件検討
・大規模開発
・html, css, Javascript....
・ユーザビリティーテスティング
2012年11月 株式会社ブクペに入社
・少人数でのWebサービス開発、運営
・Ruby on Rails
・WordPress
2013年3月 独立
転職じゃないの?
なんで独立したの?
高円寺コワーキングスペース こけむさズ
・近所なので行ってみたら居心地が
よかった
・自分がデザイン、コーディングが
できることを知ってもらえていた
・フリーランスの先人たちがいた
・たまたま仕事を紹介してもらえた
_人人人人人人人人_
> 勢いで独立!! <
 ̄^Y^Y^Y^Y^Y^Y^Y ̄
1. 「好きな事 スキル」
  キャラクターを作る
やっぱり、
業務アプリが好き❤
BtoCのサービスをやって気づいた
❤ そこで働く人を想像するのが楽しい
- 会社規模、文化、情報リテラシー
❤ 効率化を追求するのが楽しい
❤ IA、ユーザビリティーを考えるのが
楽しい
業務アプリが好き❤
色んな業務の、会社のアプリがみてみたい
効率化したい
これで売っていこう!!!!
業務アプリ、管理画面が得意なデザイナーって
あまり見たことがない
独立した直後は、もっと業務アプリ押しにしていた
グループウェアを作っていた
業務アプリが好き
スキル
好きなこと
Webデザインができる 音楽が好き
ロゴ、アイコンが作れる 食べ物が好き
プログラミングが出来る モバイルゲームが好き
自分が好きな事を
自分からやって
どんどん発信していく
知ってもらって初めて
キャラを作ったことになる
ブログ書いたり
独立前からやっていること(1)
アプリ作ってみたり
独立前からやっていること(2)
コンテスト出してみたり
http://info.cookpad.com/24contest3_award
独立前からやっていること(3)
自分が何ができるのかを
伝える
高円寺コワーキングスペース こけむさズ
こけむさズを事務所にした
→ 色々な人と会う機会を意図的に増やした
独立前してから意識してやっていること(1)
話す、教える、新しいことを積極的に
独立前してから意識してやっていること(2)
2. 弱点を鍛える + 補う
・UI設計, UX, ユーザビリティー
・html, css
・Javascript, PHP, Ruby
・Illustrator, Photoshop
スズキ フリーランス Lv.2
スキル
Lv. 45
Lv. 60
Lv. 20
Lv. 9
物理は強いけど魔法は弱い
グラフィックは苦手....
鍛える + 補う
鍛える
鍛える
・1日1コンペ投稿を課題にした
・テーマに対して、他のデザイナーが
どのように取り組んでいるのか
見ることが出来た
・目標にしたい人を見つけた
(お気に入りに登録してウォッチ)
補う
上島珈琲のトレー
商品が置かれない位置に見出し
を置いて、
必ず目に入るように
見出しが気になった人に、
商品を少しずらせば文章が読めるように
いつ
どこで
誰が
どうやって使うものなのか
を人より更に考える
仕事で居酒屋さんのショップカードを作りました
・ショップカードを作る目的
・ショップカードがいつ使われるか
「このショップカードください」
と言われるようになった!
http://blog.obentoba.co/entry/2013/07/31/making-shopcard
ヒアリング + 想像力
1. 「スキル やりたいこと」
キャラクターを作る
2. 弱点を鍛える & 補う
今日はなしたこと
好きなことをやって発信しよう
http://obentoba.co
スズキユキ @s12bt

More Related Content

What's hot

作るツールから支えるツールへ - Movable Typeと外部システムの連携事例 -
作るツールから支えるツールへ - Movable Typeと外部システムの連携事例 -作るツールから支えるツールへ - Movable Typeと外部システムの連携事例 -
作るツールから支えるツールへ - Movable Typeと外部システムの連携事例 -Yasufumi Nishiyama
 
【ブロガーズフェスティバル】20151018 今のノマド的節約術に至るまでのストーリー
【ブロガーズフェスティバル】20151018 今のノマド的節約術に至るまでのストーリー【ブロガーズフェスティバル】20151018 今のノマド的節約術に至るまでのストーリー
【ブロガーズフェスティバル】20151018 今のノマド的節約術に至るまでのストーリーHiroki Matsumoto
 
AngularJS入門の巻2
AngularJS入門の巻2AngularJS入門の巻2
AngularJS入門の巻2Toshio Ehara
 
インフラ知識ゼロの Webデザイナーが AzureWebSitesを使ってみた話
インフラ知識ゼロのWebデザイナーがAzureWebSitesを使ってみた話インフラ知識ゼロのWebデザイナーがAzureWebSitesを使ってみた話
インフラ知識ゼロの Webデザイナーが AzureWebSitesを使ってみた話典子 松本
 
国産オープンソースCMS「ZOMEKI」の紹介
国産オープンソースCMS「ZOMEKI」の紹介国産オープンソースCMS「ZOMEKI」の紹介
国産オープンソースCMS「ZOMEKI」の紹介Masaki Ozawa
 
a-blog cms 事例紹介 〜 キャッシュ機能で快適なウェブサイト表示 〜
a-blog cms 事例紹介 〜 キャッシュ機能で快適なウェブサイト表示 〜a-blog cms 事例紹介 〜 キャッシュ機能で快適なウェブサイト表示 〜
a-blog cms 事例紹介 〜 キャッシュ機能で快適なウェブサイト表示 〜Saori Okayama
 
エンジニアからデザイナーに贈るプロトタイピングのすすめ - 春のフロントエンド祭り 2015
エンジニアからデザイナーに贈るプロトタイピングのすすめ - 春のフロントエンド祭り 2015エンジニアからデザイナーに贈るプロトタイピングのすすめ - 春のフロントエンド祭り 2015
エンジニアからデザイナーに贈るプロトタイピングのすすめ - 春のフロントエンド祭り 2015Naoki Yamada
 
超初心者でもできた!AzureMobileService JSバージョン
超初心者でもできた!AzureMobileService JSバージョン超初心者でもできた!AzureMobileService JSバージョン
超初心者でもできた!AzureMobileService JSバージョンYuriko Kamimori
 
プログラミングTipsサイトlt(town bash 201710)
プログラミングTipsサイトlt(town bash 201710)プログラミングTipsサイトlt(town bash 201710)
プログラミングTipsサイトlt(town bash 201710)Ryosuke Miyahara
 
Cssアニメーションとその制御
Cssアニメーションとその制御Cssアニメーションとその制御
Cssアニメーションとその制御Muyuu Fujita
 
APIコンテスト11 柿島大貴 一語一絵
APIコンテスト11 柿島大貴 一語一絵APIコンテスト11 柿島大貴 一語一絵
APIコンテスト11 柿島大貴 一語一絵calil jp
 
レスポンシブ基礎 ~Webサイトをレスポンシブに する方法とそのメリット~
レスポンシブ基礎 ~Webサイトをレスポンシブに する方法とそのメリット~レスポンシブ基礎 ~Webサイトをレスポンシブに する方法とそのメリット~
レスポンシブ基礎 ~Webサイトをレスポンシブに する方法とそのメリット~Horiguchi Seito
 
初めてのGIT超入門
初めてのGIT超入門初めてのGIT超入門
初めてのGIT超入門Tomoya Koyanagi
 
Webデザインの幅を広げる、jQuery【コードを記述する】 先生:保坂 庸介
Webデザインの幅を広げる、jQuery【コードを記述する】 先生:保坂 庸介Webデザインの幅を広げる、jQuery【コードを記述する】 先生:保坂 庸介
Webデザインの幅を広げる、jQuery【コードを記述する】 先生:保坂 庸介schoowebcampus
 
一度使うとレンタルサーバーに戻れない!?便利機能を使ってみよう!Web制作でのMicrosoft Azure 活用方法
一度使うとレンタルサーバーに戻れない!?便利機能を使ってみよう!Web制作でのMicrosoft Azure活用方法一度使うとレンタルサーバーに戻れない!?便利機能を使ってみよう!Web制作でのMicrosoft Azure活用方法
一度使うとレンタルサーバーに戻れない!?便利機能を使ってみよう!Web制作でのMicrosoft Azure 活用方法典子 松本
 
MTDDC Meetup HOKKAIDO 2013のご案内(仮)
MTDDC Meetup HOKKAIDO 2013のご案内(仮)MTDDC Meetup HOKKAIDO 2013のご案内(仮)
MTDDC Meetup HOKKAIDO 2013のご案内(仮)Yasufumi Nishiyama
 
2014.07.09 WordBench Tokyo LT
2014.07.09 WordBench Tokyo LT2014.07.09 WordBench Tokyo LT
2014.07.09 WordBench Tokyo LTYutaro Miyazaki
 
今度こそ始めるjQuery超入門
今度こそ始めるjQuery超入門今度こそ始めるjQuery超入門
今度こそ始めるjQuery超入門西畑 一馬
 
レスポンシブWebデザインのサイトを作る前に
レスポンシブWebデザインのサイトを作る前にレスポンシブWebデザインのサイトを作る前に
レスポンシブWebデザインのサイトを作る前にYuki Nakane
 
レスポンシブWebデザインの基礎と,コーディング実習:先生小川 裕之
レスポンシブWebデザインの基礎と,コーディング実習:先生小川 裕之レスポンシブWebデザインの基礎と,コーディング実習:先生小川 裕之
レスポンシブWebデザインの基礎と,コーディング実習:先生小川 裕之schoowebcampus
 

What's hot (20)

作るツールから支えるツールへ - Movable Typeと外部システムの連携事例 -
作るツールから支えるツールへ - Movable Typeと外部システムの連携事例 -作るツールから支えるツールへ - Movable Typeと外部システムの連携事例 -
作るツールから支えるツールへ - Movable Typeと外部システムの連携事例 -
 
【ブロガーズフェスティバル】20151018 今のノマド的節約術に至るまでのストーリー
【ブロガーズフェスティバル】20151018 今のノマド的節約術に至るまでのストーリー【ブロガーズフェスティバル】20151018 今のノマド的節約術に至るまでのストーリー
【ブロガーズフェスティバル】20151018 今のノマド的節約術に至るまでのストーリー
 
AngularJS入門の巻2
AngularJS入門の巻2AngularJS入門の巻2
AngularJS入門の巻2
 
インフラ知識ゼロの Webデザイナーが AzureWebSitesを使ってみた話
インフラ知識ゼロのWebデザイナーがAzureWebSitesを使ってみた話インフラ知識ゼロのWebデザイナーがAzureWebSitesを使ってみた話
インフラ知識ゼロの Webデザイナーが AzureWebSitesを使ってみた話
 
国産オープンソースCMS「ZOMEKI」の紹介
国産オープンソースCMS「ZOMEKI」の紹介国産オープンソースCMS「ZOMEKI」の紹介
国産オープンソースCMS「ZOMEKI」の紹介
 
a-blog cms 事例紹介 〜 キャッシュ機能で快適なウェブサイト表示 〜
a-blog cms 事例紹介 〜 キャッシュ機能で快適なウェブサイト表示 〜a-blog cms 事例紹介 〜 キャッシュ機能で快適なウェブサイト表示 〜
a-blog cms 事例紹介 〜 キャッシュ機能で快適なウェブサイト表示 〜
 
エンジニアからデザイナーに贈るプロトタイピングのすすめ - 春のフロントエンド祭り 2015
エンジニアからデザイナーに贈るプロトタイピングのすすめ - 春のフロントエンド祭り 2015エンジニアからデザイナーに贈るプロトタイピングのすすめ - 春のフロントエンド祭り 2015
エンジニアからデザイナーに贈るプロトタイピングのすすめ - 春のフロントエンド祭り 2015
 
超初心者でもできた!AzureMobileService JSバージョン
超初心者でもできた!AzureMobileService JSバージョン超初心者でもできた!AzureMobileService JSバージョン
超初心者でもできた!AzureMobileService JSバージョン
 
プログラミングTipsサイトlt(town bash 201710)
プログラミングTipsサイトlt(town bash 201710)プログラミングTipsサイトlt(town bash 201710)
プログラミングTipsサイトlt(town bash 201710)
 
Cssアニメーションとその制御
Cssアニメーションとその制御Cssアニメーションとその制御
Cssアニメーションとその制御
 
APIコンテスト11 柿島大貴 一語一絵
APIコンテスト11 柿島大貴 一語一絵APIコンテスト11 柿島大貴 一語一絵
APIコンテスト11 柿島大貴 一語一絵
 
レスポンシブ基礎 ~Webサイトをレスポンシブに する方法とそのメリット~
レスポンシブ基礎 ~Webサイトをレスポンシブに する方法とそのメリット~レスポンシブ基礎 ~Webサイトをレスポンシブに する方法とそのメリット~
レスポンシブ基礎 ~Webサイトをレスポンシブに する方法とそのメリット~
 
初めてのGIT超入門
初めてのGIT超入門初めてのGIT超入門
初めてのGIT超入門
 
Webデザインの幅を広げる、jQuery【コードを記述する】 先生:保坂 庸介
Webデザインの幅を広げる、jQuery【コードを記述する】 先生:保坂 庸介Webデザインの幅を広げる、jQuery【コードを記述する】 先生:保坂 庸介
Webデザインの幅を広げる、jQuery【コードを記述する】 先生:保坂 庸介
 
一度使うとレンタルサーバーに戻れない!?便利機能を使ってみよう!Web制作でのMicrosoft Azure 活用方法
一度使うとレンタルサーバーに戻れない!?便利機能を使ってみよう!Web制作でのMicrosoft Azure活用方法一度使うとレンタルサーバーに戻れない!?便利機能を使ってみよう!Web制作でのMicrosoft Azure活用方法
一度使うとレンタルサーバーに戻れない!?便利機能を使ってみよう!Web制作でのMicrosoft Azure 活用方法
 
MTDDC Meetup HOKKAIDO 2013のご案内(仮)
MTDDC Meetup HOKKAIDO 2013のご案内(仮)MTDDC Meetup HOKKAIDO 2013のご案内(仮)
MTDDC Meetup HOKKAIDO 2013のご案内(仮)
 
2014.07.09 WordBench Tokyo LT
2014.07.09 WordBench Tokyo LT2014.07.09 WordBench Tokyo LT
2014.07.09 WordBench Tokyo LT
 
今度こそ始めるjQuery超入門
今度こそ始めるjQuery超入門今度こそ始めるjQuery超入門
今度こそ始めるjQuery超入門
 
レスポンシブWebデザインのサイトを作る前に
レスポンシブWebデザインのサイトを作る前にレスポンシブWebデザインのサイトを作る前に
レスポンシブWebデザインのサイトを作る前に
 
レスポンシブWebデザインの基礎と,コーディング実習:先生小川 裕之
レスポンシブWebデザインの基礎と,コーディング実習:先生小川 裕之レスポンシブWebデザインの基礎と,コーディング実習:先生小川 裕之
レスポンシブWebデザインの基礎と,コーディング実習:先生小川 裕之
 

Similar to フリーランスはじめました - 【初心者向けデザイン講座】デザインのスキルを身につけてお仕事をする方法!東洋美術学校×クラウドワークス

iOSアプリ制作ツールアプリビルダーを支える技術
iOSアプリ制作ツールアプリビルダーを支える技術iOSアプリ制作ツールアプリビルダーを支える技術
iOSアプリ制作ツールアプリビルダーを支える技術Tomoki Hasegawa
 
Angular JSを始めよう!
Angular JSを始めよう!Angular JSを始めよう!
Angular JSを始めよう!Satoshi Kishi
 
HELLO!WEB!TOKYO #2 ゼロから始めるWebデザイン
HELLO!WEB!TOKYO #2 ゼロから始めるWebデザインHELLO!WEB!TOKYO #2 ゼロから始めるWebデザイン
HELLO!WEB!TOKYO #2 ゼロから始めるWebデザインLuiz Fukumoto
 
UXを損ねる静的コンテンツ配信アンチパターン7選
UXを損ねる静的コンテンツ配信アンチパターン7選UXを損ねる静的コンテンツ配信アンチパターン7選
UXを損ねる静的コンテンツ配信アンチパターン7選Yuki Okada
 
急増するネット動画配信ビジネス「進化の歴史」と「今後の可能性」を読み解く 先生:藤川真一
急増するネット動画配信ビジネス「進化の歴史」と「今後の可能性」を読み解く 先生:藤川真一急増するネット動画配信ビジネス「進化の歴史」と「今後の可能性」を読み解く 先生:藤川真一
急増するネット動画配信ビジネス「進化の歴史」と「今後の可能性」を読み解く 先生:藤川真一schoowebcampus
 
iOSアプリで気になった動きや表現を上手にアレンジして活用してみる
iOSアプリで気になった動きや表現を上手にアレンジして活用してみるiOSアプリで気になった動きや表現を上手にアレンジして活用してみる
iOSアプリで気になった動きや表現を上手にアレンジして活用してみるFumiya Sakai
 
グリッドレイアウトを簡単に行うJavaScript!Masonry.js
グリッドレイアウトを簡単に行うJavaScript!Masonry.jsグリッドレイアウトを簡単に行うJavaScript!Masonry.js
グリッドレイアウトを簡単に行うJavaScript!Masonry.jsYoshinori Kobayashi
 
Visual Studio for Mac × Azureで簡単アプリ開発! 〜古くなったDocumentに立ち向かってみるテスト(´Д` )〜
Visual Studio for Mac × Azureで簡単アプリ開発! 〜古くなったDocumentに立ち向かってみるテスト(´Д` )〜Visual Studio for Mac × Azureで簡単アプリ開発! 〜古くなったDocumentに立ち向かってみるテスト(´Д` )〜
Visual Studio for Mac × Azureで簡単アプリ開発! 〜古くなったDocumentに立ち向かってみるテスト(´Д` )〜Shohei Oda
 
ChatworkのUXリサーチと プロダクトへの生かし方
ChatworkのUXリサーチと プロダクトへの生かし方ChatworkのUXリサーチと プロダクトへの生かし方
ChatworkのUXリサーチと プロダクトへの生かし方Tomoko Nishina
 
スマートフォン実機検証のコツ 基本編
スマートフォン実機検証のコツ 基本編スマートフォン実機検証のコツ 基本編
スマートフォン実機検証のコツ 基本編Satomi ENOMOTO
 
SnapmartにおけるCameraRollから写真の複数枚アップロードの実装
SnapmartにおけるCameraRollから写真の複数枚アップロードの実装SnapmartにおけるCameraRollから写真の複数枚アップロードの実装
SnapmartにおけるCameraRollから写真の複数枚アップロードの実装PIXTA Inc.
 
ガチリアルな修羅チーム開発
ガチリアルな修羅チーム開発ガチリアルな修羅チーム開発
ガチリアルな修羅チーム開発Atsushi Kojima
 
PHPを使う理由
PHPを使う理由PHPを使う理由
PHPを使う理由Yohei Hamada
 
エンジニアのお仕事.pdf
エンジニアのお仕事.pdfエンジニアのお仕事.pdf
エンジニアのお仕事.pdfshumashimo1
 
Spath for enterprise
Spath for enterpriseSpath for enterprise
Spath for enterpriseKoichiro Sumi
 
A/BテストをAzure×Googleアナリティクスで試してみました。
A/BテストをAzure×Googleアナリティクスで試してみました。A/BテストをAzure×Googleアナリティクスで試してみました。
A/BテストをAzure×Googleアナリティクスで試してみました。典子 松本
 
我が家のフロントエンド開発事情
我が家のフロントエンド開発事情我が家のフロントエンド開発事情
我が家のフロントエンド開発事情Naoki Yamada
 

Similar to フリーランスはじめました - 【初心者向けデザイン講座】デザインのスキルを身につけてお仕事をする方法!東洋美術学校×クラウドワークス (20)

iOSアプリ制作ツールアプリビルダーを支える技術
iOSアプリ制作ツールアプリビルダーを支える技術iOSアプリ制作ツールアプリビルダーを支える技術
iOSアプリ制作ツールアプリビルダーを支える技術
 
Angular JSを始めよう!
Angular JSを始めよう!Angular JSを始めよう!
Angular JSを始めよう!
 
HELLO!WEB!TOKYO #2 ゼロから始めるWebデザイン
HELLO!WEB!TOKYO #2 ゼロから始めるWebデザインHELLO!WEB!TOKYO #2 ゼロから始めるWebデザイン
HELLO!WEB!TOKYO #2 ゼロから始めるWebデザイン
 
UXを損ねる静的コンテンツ配信アンチパターン7選
UXを損ねる静的コンテンツ配信アンチパターン7選UXを損ねる静的コンテンツ配信アンチパターン7選
UXを損ねる静的コンテンツ配信アンチパターン7選
 
急増するネット動画配信ビジネス「進化の歴史」と「今後の可能性」を読み解く 先生:藤川真一
急増するネット動画配信ビジネス「進化の歴史」と「今後の可能性」を読み解く 先生:藤川真一急増するネット動画配信ビジネス「進化の歴史」と「今後の可能性」を読み解く 先生:藤川真一
急増するネット動画配信ビジネス「進化の歴史」と「今後の可能性」を読み解く 先生:藤川真一
 
iOSアプリで気になった動きや表現を上手にアレンジして活用してみる
iOSアプリで気になった動きや表現を上手にアレンジして活用してみるiOSアプリで気になった動きや表現を上手にアレンジして活用してみる
iOSアプリで気になった動きや表現を上手にアレンジして活用してみる
 
グリッドレイアウトを簡単に行うJavaScript!Masonry.js
グリッドレイアウトを簡単に行うJavaScript!Masonry.jsグリッドレイアウトを簡単に行うJavaScript!Masonry.js
グリッドレイアウトを簡単に行うJavaScript!Masonry.js
 
Visual Studio for Mac × Azureで簡単アプリ開発! 〜古くなったDocumentに立ち向かってみるテスト(´Д` )〜
Visual Studio for Mac × Azureで簡単アプリ開発! 〜古くなったDocumentに立ち向かってみるテスト(´Д` )〜Visual Studio for Mac × Azureで簡単アプリ開発! 〜古くなったDocumentに立ち向かってみるテスト(´Д` )〜
Visual Studio for Mac × Azureで簡単アプリ開発! 〜古くなったDocumentに立ち向かってみるテスト(´Д` )〜
 
Jquery 140522
Jquery 140522Jquery 140522
Jquery 140522
 
ChatworkのUXリサーチと プロダクトへの生かし方
ChatworkのUXリサーチと プロダクトへの生かし方ChatworkのUXリサーチと プロダクトへの生かし方
ChatworkのUXリサーチと プロダクトへの生かし方
 
スマートフォン実機検証のコツ 基本編
スマートフォン実機検証のコツ 基本編スマートフォン実機検証のコツ 基本編
スマートフォン実機検証のコツ 基本編
 
1112 nuxt
1112 nuxt1112 nuxt
1112 nuxt
 
SnapmartにおけるCameraRollから写真の複数枚アップロードの実装
SnapmartにおけるCameraRollから写真の複数枚アップロードの実装SnapmartにおけるCameraRollから写真の複数枚アップロードの実装
SnapmartにおけるCameraRollから写真の複数枚アップロードの実装
 
ガチリアルな修羅チーム開発
ガチリアルな修羅チーム開発ガチリアルな修羅チーム開発
ガチリアルな修羅チーム開発
 
PHPを使う理由
PHPを使う理由PHPを使う理由
PHPを使う理由
 
LT#6 Taskete
LT#6 TasketeLT#6 Taskete
LT#6 Taskete
 
エンジニアのお仕事.pdf
エンジニアのお仕事.pdfエンジニアのお仕事.pdf
エンジニアのお仕事.pdf
 
Spath for enterprise
Spath for enterpriseSpath for enterprise
Spath for enterprise
 
A/BテストをAzure×Googleアナリティクスで試してみました。
A/BテストをAzure×Googleアナリティクスで試してみました。A/BテストをAzure×Googleアナリティクスで試してみました。
A/BテストをAzure×Googleアナリティクスで試してみました。
 
我が家のフロントエンド開発事情
我が家のフロントエンド開発事情我が家のフロントエンド開発事情
我が家のフロントエンド開発事情
 

フリーランスはじめました - 【初心者向けデザイン講座】デザインのスキルを身につけてお仕事をする方法!東洋美術学校×クラウドワークス