フリーランスWebデザイナーのホントのトコロ

 フリーランスWebデザイナーのホントのトコロ

2016年8月27日、デジタルハリウッド大阪校でのセミナーのスライドです。フリーランスのウェブデザイナーとしての7年間の経験上、フリーとして独立したばかりの方が抱きがちなお悩みについて、今の私の考え方をお伝えするとともに、具体的な案件のプロセスを示すことでよりリアルに案件の流れを知っていただける内容になっています。

対象はウェブデザインを生業にしようと考えている方・フリーランスとしての独立を考えている方。

21a5bc627ca0f66c8e3bccbd18aefc44?s=128

Fukazawa Kojiro

August 27, 2016
Tweet

Transcript

  1. 2.

    ࣗݾ঺հ ਂ୔޾࣏࿠ ಠཱ  ೥໨ɾ΢ Σ ϒσβΠ φʔ σβΠϯͱσ Ο

    ϨΫγϣ ϯ $.4 ͦͷଞΛ গͣͭ͠ )5.- $44 8PSE1SFTT ௚઀੥ෛ  ߨࢣ΋ ίϫʔΩϯάεϖʔε
  2. 5.

    ɺ ϑ Ϧ ʔ Λऔ Γ ר ͘ ؀ڥ ਺͸ͲΜ

    ͲΜ૿͑ ͯΔ ʢϥ ϯαʔζגࣜձࣾௐ΂˞ʣ ͱʹ͔͘ ࣮੷Λ࡞Δʹ͸͍͍؀ڥ ࢓ࣄ΍࣮੷ΛಘΔ બ୒ࢶ΋૿͑ ͯΔ ˞ϑ Ϧ ʔϥ ϯε࣮ଶௐࠪ  ೥౓൛Λൃද ʂ ೔ຊͷϑ Ϧ ʔϥ ϯεࣄ৘˔IUUQXXXMBODFSTKQNBHB[JOF
  3. 7.

    ϕʔγ ο Ϋ ͳ࢓ࣄͷྲྀΕ Ҿ͖߹͍ ଟ͘ ͷ৔߹ൃ஫͸ܾ· ͍ͬͯͳ͍ ݟੵґཔ΍ఏҊґཔΛͱ ΋ͳ͏

    ணखɾҊ݅ཤߦ ܖ໿ʹఆΊΒΕͨ࢓ࣄʹணख લड͕ۚ͋Δ৔߹͸੥ٻ ܖ໿ ͋Δఔ౓ͷཁ݅ͷ੔ཧ ܖ໿ॻ΍डൃ஫ॻͷऔΓަΘ͠
  4. 8.

    ϕʔγ ο Ϋ ͳ࢓ࣄͷྲྀΕ ೲ඼ɾ੥ٻ ܖ໿ʹ͕ͨͬͯ͠੒Ռ෺ΛೲΊΔ ੥ٻΛߦ͍ࢧ෷͍Λड͚Δ ݕऩͱमਖ਼ ཁ݅Λຬͨ͠ ͍ͯΔ͔ν

    Σ οΫ ඞཁʹԠͯ͡मਖ਼ อकɾ࠶ఏҊͳͲ ೲ඼ޙ΋อक࡞ۀ͕ൃੜ͢Δ৔ ߹΍ޮՌܭଌΛߦ͏৔߹΋͋Δ
  5. 14.

    ί ϛ ϡ χς Ο ͷ໳Λୟ͍ ͯΈ Α ͏ ࣗ෼ͷڵຯ͕͋Δٕज़ɾ

    ෼໺ ಉۀऀίϛ ϡχς Ο ίϫʔΩϯάεϖʔε
  6. 19.

    ࣮੷͸ࢿ࢈Ͱ͢ ࣮੷ͱ ͠ ͯެ։ͤͯ͞΋ Β͑ΔΑ ͏ʹࣄલ ʹ໿ଋΛ͠ ͓ͯ͘ ͜ ͱ

    ΋ ͪΖΜ࣮੷Λެ։ͤͯ͞ ͘Εͳ͍ΫϥΠ Ξϯ τ͞ΜʹѱɺͰ͸ͳ͍
  7. 22.

    ࠓճ͸͍͚҆ Ͳܧଓతʹ ͓࢓ࣄճ͠·͢ͷͰʜ ࠓճ͸͍͚҆ Ͳܧଓతʹ ͓࢓ࣄճ͠·͢ͷͰʜ ·ͣɺͦΜͳᐆດͳޱ໿ଋ͸Ϗδωε ͱ ͠ ͯ੣࣮Ͱͳ͍

    ʮ͍҆࢓ࣄΛʯ ʮܧଓతʹʯճ͞ΕΔΑ ͏ ʹͳͬͨΒ੺ࣈ͕๲ΒΜͰ͍͘ ͹͔Γ ͪ͜Βͷݴ͍෼Λฉ͍ͯ ͘ΕΔ͔͸ͱͯ΋ େࣄ
  8. 23.

    ͱ Γ͋͑ͣύιίϯͱ"EPCF ͷιϑ τ ͱ ϑ Υ ϯ τΛଗ͑ͨΒେ ৎ෉͔ͳɻ͋Μ·

    Γ͓ۚͳ͍ Μ͚ͩ Ͳػࡐ͸Ͳ͜·Ͱଗ͑ ͨΒ͍͍ΜͩΖ͏
  9. 25.

    σ εΫ τ ο ϓWTϥ ο ϓ τ ο ϓ

    ੑೳʹର͢Δίεύ͕͍͍ ࢓ࣄΛ͢Δ৔ॴ͸ݻఆ ͳΜͨͬͯը໘͕େ͖͍ ߴ͍ʜ Ͳ͜ʹͰ΋͍͚࣋ͬͯΔ ֎෇͚σ Ο εϓϨΠ ΋ݕ౼  
  10. 27.

     ಛʹॏཁͳσʔλ͸ %SPQCPY ΍ (PPHMF%SJWFͱ 5JNF$BQTVMF ౳ͷ )%% όοΫΞ ο

    ϓͰೋॏʹकΔ ࣗಈό ο Ϋ Ξ ο ϓઈରͱ Ζ ͏
  11. 49.

    ҆੥͚߹͍΍஬ͷ͍͍͜ ͱΛݴΘͳ͍ ͨͱ͑͹ +JNEP ΍ 8JYɺϖϥΠνͷΑ ͏ͳ؆қ తͳ΢ Σ ϒαΠ

    τ੍࡞πʔϧΛ࢖ͬͯ ʮࣗ෼Ͱ࡞ͬ ͯ΋ Β ͏ʯͷ͸༗ޮɻ ͨͩͦ͠ͷࡍɺίϯςϯπ੍࡞Λ҆͘ ·Δͬ ͱҾ ͖ड͚ͳ͍͜ ͱ খ͞ ͳ࢓ࣄʹର͢ΔղΛ࣋ͬ ͯ ͓ ͘
  12. 50.

    ౰વɺ͍͔҆Βʹ͸ͳʹ͔͕٘ਜ਼ʹͳ͍ͬͯΔɻ ͦΕ͸ͳʹ͔Λߟ͑Δ ݁ߏଟ͍ɺ΢ Σ ϒαΠ τ Ϧχϡ ʔΞϧʹ·ͭΘΔӡ ༻αϙʔ τ΁ͷෆຬ

    ʮ٘ਜ਼ʹͳ͍ͬͯΔ෦෼ʹࣗ෼͕Ͱ͖Δ ͱ ͜Ζʯ Ͱ͋Ε͹ೲಘ͠ ͯ΋ Β͍΍͍͢ ੍͍҆࡞ձࣾͷ ΢ ϥ Λߦ ͘
  13. 51.

    ϒϩά͸਺͸ͳ ͘ ͯ΋͍͍͔Βɺઐ໳Ոͱ ͠ ͯॻ ͘ ͜ ͱ ϓϩʹΑΔϓϩͷͨΊͷ৘ใ΋ Α͍͕ɺϓϩ͕ॻ

    ͘ඇϓϩ޲͚ͷஸೡͳ৘ใ͸ͱͯ΋ت͹ΕΔ ʮઐ໳Ոͱ ͠ ͯॻ͘ʯͱ͸ʁ ઐ໳Ո͔ΒͷʮϚαΧ Ϧʯ ʹ͸੣࣮ʹରԠ͠Α ͏ɻ ஌త੣࣮͞େ੾ ษڧ͢Δ ͜ ͱɾൃ৴͢Δ ͜ ͱ
  14. 54.

    ೝఆ/10๏ਓ%ʷ1  ೥ઃཱɻ ༷ʑͳཧ༝͔Βੜ͖ Δ ͜ ͱɾࣾձʹग़Δ ͜ ͱʹʮ͠ΜͲ͞ʯΛ๊͍͑ͯΔߴ ߍੜΛࢧԉ͢ΔͨΊͷϓϩάϥ

    ϜʮΫ Ϩ ογΣϯ υʯΛఆ੍࣌ɾ௨৴੍ߴ ߍΛத৺ʹɺਖ਼نͷतۀͱ ͠ ͯఏڙ͢Δ׆ಈΛओʹߦ͍ͬͯΔɻͦͷଞʹ ΋༷ʑͳࢧԉϓϩάϥ ϜΛ࣮ࢪ͠ ͍ͯΔɻ IUUQXXXESFBNQPTTJCJMJUZDPN
  15. 55.

     ೥ɺ8PSE$BNQ,BOTBJ Ұॹʹελ ο ϑΛ΍ͬͨํ͔Βͷ͝঺հ ·ͣ͸૊৫ͱ ΢ Σ ϒαΠ τͷݱঢ়ʹ͍ͭͯ͝૬

    ஊΛฉ͘ ͖ ͬ ͔͚͸ ί ϛ ϡ χς Ο ׆ಈ 2015.01 ༧ࢉͷ౎߹͔ͭͣҰ୴ϓϩδ ΣΫ τ͕ఀࢭ
  16. 57.

     ೥  ݄ʹ༧ࢉऔΓͷϝ υ͕͍ͭͨͱͷ ͝࿈བྷ͕͋Γɺϛʔς Ο ϯά ͋ΒͨΊͯ૊৫ͷݱঢ়֬ೝͱ Ϧχϡ

    ʔΞϧͷഎ ܠɾํ਑Λ࢕͏ ͍ Α ͍ Α༧ࢉऔ Γ ͷ ϝ υ ཱ͕ͭ 2016.01
  17. 58.
  18. 59.

    αΠ τʹܝࡌ͞Ε͍ͯΔίϯςϯπΛ૊৫ͷݱ ঢ়ʹ߹Θͤͯ࠶੔ཧ͍ͨ͠ ίʔϧ τ ΡΞΫγϣ ϯͱ ͠ ͯͷʮ͝د෇ ɾ

    ͝ڠྗʯ ͷਃࠐ૭ޱ͕໌֬Ͱͳ͍ ϞόΠ ϧʹରԠ͍ͨ͠ ૊৫ͷίϯηϓ τʹ͔ͬ͠ΓԊͬͨ૊৫ͷΠ ϝʔδΛ࠶ߏங͍ͨ͠ʢϦ ϒϥϯσ Ο ϯάʣ
  19. 60.

    ΢ Σ ϒαΠ τͷϖʔδׂɾίϯςϯπͷ૯ݟ௚͠Λ௨ͯ͡ɺ ͞·͟·ͳεςʔΫϗϧμʔ͕ͦΕͧΕ৘ใΛݟ͚ͭ΍͢ ͍αΠ τߏ੒Λ࣮ݱ͢Δ ϩΰͷϦχϡ ʔΞ ϧͱഔମΛ໰Θͣʹ࢖༻Ͱ͖ΔσβΠϯ

    ϧʔϧΛࡦఆ͠ɺࠓޙͷ͋ΒΏΔσβΠϯϫʔΫͷࢦ਑Λ ࣔ͠ɺϒϥϯ υೝ஌Λ޲্ͤ͞Δ Ҏ্  ఺Λ൓ө͠ɺϞόΠ ϧʹ΋ରԠͨ͠΢ Σ ϒαΠ τͷ Ϧχϡ ʔΞ ϧ੍࡞ ཁ݅ఆٛ 2016.02
  20. 61.

    ͜ ͪ Β͔Β ΋ఏҊ 8PSE1SFTT Λ͢Ͱʹ࢖ͬͯΒͬ ͠ΌΔ͕ɺগ͠ߋ৽͕͠ ʹ ͘ ͦ͏ͩͬͨ

    ؅ཧը໘Ͱͷػೳ௥ՃΛߦ͍ɺΑ Γଟ࠼ͳίϯςϯπͷ ߋ৽を༰қʹ͠ɺαΠ τߋ৽ʹ͔͔Δਓతίε τΛ࡟ ݮ、૊৫શମͷಈ͖ΛՃ଎͢Δ ཁ݅ఆٛ 2016.02
  21. 62.

    ί ϛ ϡχέʔγϣ ϯπʔϧʹ͸ $IBUXPSL Λ બఆ ࠓճ͸୲౰ऀ͞Μͱ ର 

    ͷ৔໘͕ଟ͘ ͳΓ ͦ͏ͩͬͨͷͰ ί ϛ ϡ χέ ʔγ ϣ ϯ ϧʔ ϧΛܾఆ 2016.02
  22. 63.

    ि  ճɺ ෼ʙ ෼ఔ౓ͷఆྫϛʔς Ο ϯάΛઃఆ ͪ͜Β͸ 4LZQF Ͱ

    ໰୊ͷૣظൃݟ ͳΜͰ΋ݴ͍߹͑ΔۭؾΛ࡞Γ͍ͨ ϛʔς Ο ϯάͷϦεέδϡ ʔϧ͸͓ޓ͍ͷۀ຿ঢ়گʹ͋Θͤ ͯؾܰʹ΍Γ · ͠ ΐ ͏ ͱ͍͏લఏ ί ϛ ϡ χέ ʔγ ϣ ϯ ϧʔ ϧΛܾఆ 2016.02
  23. 64.

     ೥  ݄ʙ ݄ɺϩΰɾ$*ʢίʔϙϨʔ τɾΞ Πσϯς Ο ς ΟʣσβΠϯʹ͔͔Δ

    %ʷ1 ͞Μ͔Βϒϥϯ υɾύʔιφϦς Ο Λߟ͑ ͍͖ͯͨͩɺ͜ΕΛى఺ʹ੍࡞Λ։࢝ ϩ ΰ੍࡞։࢝ 2016.03
  24. 65.

    ʮ%ʷ1 ͞ Μʯͬ ͯ Ͳ Μͳਓʁ ᶃड͚ೖΕͯ͘ΕΔ ᶄ ʮҰਓͻͱ Γʯʹϑ

    ΥʔΧε͢Δ ᶅҰํతʹ࿩͞ͳ͍ɺର࿩͢Δ ᶆ྆໘ੑΛ͍࣋ͬͯΔ ᶇύϫϑϧɺֵ৽తɺ࿦ཧత ൱ఆ͠ͳ͍ɺड͚ೖΕͯ ͘ΕΔ ɾ ΄ͬ ͱ͢Δɻ҆৺ɻ ɾջ͕ਂ͍ ɾ ࣗ෼ͷߟ͑Λԡ͠෇͚ͳ͍ɾ ਓͷ௧Έ͕Θ͔Δ ϑϥ ο τͳؔ܎Ͱ͍Δɾࡀ্ɾࡀԼؔ܎ͳ͍ɾཱ৔΍Ϩοςϧͳ͘ɺ ʮҰਓͷਓؒͱ ͠ ͯʯ ෇͖߹͏ ૒ํ޲తͳ΍Γ ͱ Γ͕޷͖ɾͲ ͔͍ͬͪͬͯ͏ ͱɺ࿩͢ Α Γฉ͘ ΄͏͕޷͖ ӄͱཅɾঁੑతͰ΋͋ΓɺஉੑతͰ΋͋Δɾ͠ΜͲ͍ܦݧΛ࣋ͬͯΔ͚ Ͳɺসͬͯͯ໌Δ͍ɾ ΍͞ ͍͚͠ Ͳɺϕλϕλʹ؁͍Θ͚͡Όͳ͍ɻ࣌ʹྫྷ͍ͨɻɾ೤͗͢ͳ͍ɻத༱ɻ ໨తɾΰʔϧ͕Կ͔ʁ Λৗʹݟ͍ͯΔɾڧ͍ɻ͠ͳ΍͔ɻɾۂ͕ͬͨ͜ ͱ͸͠ͳ͍
  25. 68.

    1JOUFSFTUͷ͍͍ ͱ ͜ Ζ ૒ํ͔ΒࢀߟΠ ϝʔδΛ্͛Δ͜ ͱ͕Ͱ͖Δ ϩΰҊ΋ࢀߟϩΰ΋શ෦ͪ͝Όͬ ͱ͋͛ΔʜϩΰҊͱࢀߟϩΰ ͕Ұॹʹݟ͑Δ͜

    ͱͰΞ ΠσΞΛੜΉ͜ ͱ ΋ ্͛ͨϩΰҊʹࣅͨܗɾ৭ͷσβΠϯΛ 1JOUFSFTU ͕αδΣ ε τ ͠ ͯ ͘ΕΔʜ͜Ε΋Ξ ΠσΞʹͭͳ͕Δ͜ ͱ ΋͋Δ ૒ํ͕ࣗ༝ʹΞ ΠσΞΛग़͠߹͑Δۭؾ͕Ͱ͖Δ ίϝϯ τػೳ΋͍ͭͯΔ͔Βݴ༿Ͱ΋΍Γ ͱ ΓͰ͖Δ
  26. 70.
  27. 72.

    ϩΰ࡞੒ͷؒʹ %ʷ1 ͞ΜଆͰ΢ Σ ϒαΠ τ ͷίϯςϯπࡦఆΛਐΊ͍ͯͨͩ͘ αΠ τͷϖʔδҰཡΛऔΓ ·

    ͱΊɺίϯςϯπ ͷϥΠς Ο ϯάΛ։࢝ʢ(PPHMFεϓϨο υ γʔ τ ͱ υΩϡϝϯ τʹͯ࡞੒ɾڞ༗ʣ ί ϯςϯπࡦఆɾϥ Π ς Ο ϯά 2016.03 - 05
  28. 73.

     ݄ɺϩΰ͕஗Εͨ෼ɺશମͷεέδϡ ʔϧ Λݟͳ͓͠ ͯೲظΛ  िؒޙΖʹɻ ͔͜͜ΒαΠ τ੍࡞։࢝ɻ࠷ॳͷαΠ τͷ໨త

    ʹมߋ͕ͳ͍͔ɾϖʔδͷܭըʹมߋ͕ͳ ͍͔Λ֬ೝɻ α Π τ ͷ ໨తΛ࠶֬ೝɾεέ δ ϡ ʔ ϧݟ௚ ͠ 2016.05
  29. 75.
  30. 76.
  31. 77.
  32. 78.

    ϫ Π Ϡ ʔ ϑ Ϩ ʔ Ϝ Ͱ֬ೝ͢Δ ͜

    ͱ ϖʔδ͝ͱͷཁૉ͕աෆ଍ͳ ͘ଘࡏ͠ ͍ͯΔ͔ ͦΕͧΕͷཁૉͷѻ͍ͷେ͖͞͸ద੾͔ ग़དྷ্͕͍ͬͯΔݪߘΛྲྀ͜͠Μͩ࣌ʹϨΠΞ΢ τ౳ͷෆ౎߹ ͸ͳ͍͔ɻจষͷ௕͞͸ద੾͔ ػೳ໘ʹաෆ଍͸ͳ͍͔ɻ౰ॳͷ༧ఆ͔Β௥Ճɾมߋ͞ΕΔ ػೳ͸ͳ͍͔ ը૾͸ࣸਅ͔Πϥε τ͔ ˞Ҋ݅ʹΑ ͬͯϫΠϠʔϑ ϨʔϜͷ໾ׂ͸ҟͳΔ͜ ͱ͕͋Γ ·͢
  33. 79.

     ݄຤ࠒɺϫΠϠʔϑ ϨʔϜͱίϯςϯπ͕΄ ΅ݻ·Δɻ ͍͘ ͔ͭ౰ॳͷ༧ఆʹͳ͔ͬͨػೳཁ๬͕͋ Γɺ͜ΕΛ੔ཧ͢Δɻ৔߹ʹΑ ͬͯ͸͜͜Ͱ༧ ࢉͷ૿ֹΛ͓ئ͍͠ͳ͍ͱ͍͚ͳ͍͕ɺ༧ࢉ Λ૿ֹ͠ͳ͘

    ͯ΋͍͍ʢͨͩ͠  ཁ๬௨ ΓͰ͸ͳ͍ʣํ๏ΛఏҊ͢ΔͳͲ͠ɺ༧ࢉ͸ ม͑ͣʹߦ͘ ͜ ͱʹɻ ί ϯςϯπ ͱػೳ͕΄΅֬ఆ 2016.05
  34. 81.

    Π ϥ ε τ ϥ ϑঝೝͷ޻਺Λܭࢉ ͠ ͍ͯͳ͔ͬ ͨ ʂ

    ࣦഊ ࣦഊ イラスト制作:角田綾佳(spicagraph)
  35. 83.
  36. 84.
  37. 85.
  38. 86.

    σβΠϯͷ௚͠͸ͱͯ΋গͳ͔ͬͨ ϩΰɾ$* ੍࡞࣌ʹσβΠϯͷํ਑͕΄΅ܾ · ͍ͬͯͨͨΊʮ͜Μͳ͸ͣ͡Όͳ͔ͬͨʯͱ ͍͏ ͜ ͱ͕σβΠϯ໘Ͱى͜ Γʹ ͔ͬͨ͘

    جຊతʹෳ਺ҊΛ࡞ͬͯબΜͰ΋ Β͏ɺͱ͍͏ ͜ ͱ͸ͨ͘͠ ͳ͍͕ɺͦ͜ʹͩ͜ΘΓ͗ͯ͢΋͍ ͚ͳ͍ͱࢥ͏ σβ Π ϯ੍࡞ 2016.06