Upgrade to Pro — share decks privately, control downloads, hide ads and more …

WordPressは駆け出しデザイナーを救う / WordCamp Japan 2021

WordPressは駆け出しデザイナーを救う / WordCamp Japan 2021

WordCampJapan2021でお話ししたスライドです。


現在Webデザインを勉強中の方や、フリーランスのWebデザイナーを目指している方へ。
わたし自身が未経験からいきなりフリーランスのWebデザイナーになったため、駆け出しのころは経験値もスキルも不足だらけでした。
そんな頃に先輩デザイナーさんからのアドバイスで得た、WordPressを使った営業方法と発展方法についてご紹介します。

駆け出しのデザイナー(フリーランス)が1人ですべてをカバーするのは難しいですよね。
そんなときはどうしたのか?
なにが必要なのか?
注意してほしい点や具体例も合わせてお話ししたいと思います。
ほんの少しでも、誰かの勇気につながることを願って。​

Mariko Imamura

June 27, 2021
Tweet

More Decks by Mariko Imamura

Other Decks in Design

Transcript

  1. !"#$%#&''(


    *+,-./012345
    667"8#9#&):&;)'<8$9")=>?@A

    View full-size slide

  2. BCDE
    =>?@A
    FGHIJ2KLMN!&;./012-OPQR


    STNUVLHQRWXYZIJ2KLM[\]^_


    ``a](b0cd2JLefghXOPQR


    ./0L-Oij-Okl0mno-OPQR


    %p%(qPrstuvwXOPQR
    xyz{&'z|}}}6x{z#9y"|&&&'z|
    ~<<•'€••'"8#9#&‚:&;‚'<8$9"ƒ„"{

    View full-size slide

  3. `…sNv†)oXOPQR
    ‡ˆ‡ˆ‰Š‹ŒN•ŽA••+N./0L‘’“HQR

    View full-size slide

  4. !&;./012WIJ2KLM3^”-Ot•–


    *+,-N–f•+Yq—HQR

    View full-size slide

  5. ˜™Nqš›œ
    •*+,-ž…fvXONŸ2 ¡m(¢


    £¤¥¦ ¡mf!"#$%#&''3§¨R©N–ª(¢


    «!"#$%#&''§¨H¬J¡m‘tX-tR


    ®qQQŒNˆL¯°2m±²³


    ´µ“¶


    ·¸¹†-t`v(º†»st_vt5–¼


    ½PvŒ


    View full-size slide

  6. !"#$%#&''3¾5¿ÀfÁ•†


    0¬2ÃÄtOPQ†¢
    !"#$%#&''ÅÆÇN–¼R

    View full-size slide

  7. !"#$%#&''
    ./0L È2.ÉLe
    %~"<"'~"•
    Illustrator
    sf†»Ê3Ä+OttW»ËÌÍÎ
    h2ψÉLe
    .É°cÐÑL
    K0ˆÉLe

    View full-size slide

  8. qÒÓ(


    Ô!&;l0mÕ‘Ö-tº+H(st

    View full-size slide

  9. ×Ò3ØW-Yt
    ÀÙ3ÙÂYt
    ÚÛÜ3Ý¡¯žÞYt
    s¾s¾R

    View full-size slide

  10. Hkßà


    sf†»-Y»ttN¢
    ©…s–¼Nq—HQR

    View full-size slide

  11. áâãäåæçÃèM
    66*+,-ž…NŸ2 ¡m(¢

    View full-size slide

  12. ./012éIJ2KLMf


    s³YON–fê³stëN
    XOìH-í5¢
    v`îHR

    View full-size slide

  13. ï)./0LMðñ¢


    ï)h2ψÉLeò¢


    ï)óôò¢

    View full-size slide

  14. [õê³OtstN(
    Ôö÷øùÕ

    View full-size slide

  15. ↻Nö÷3úûüOOt²0¬2ÃR
    Ôö÷øùÕv(

    View full-size slide

  16. IJ2KLMWáâXO
    Ô`Nâfqý3þXO


    ˜ÿf!"#¢¢Õ
    vt5g2$ñ3%&stvt+st…HQR

    View full-size slide

  17. ï)¾…s`v‘’“¢


    ï)ì‘Hœ•N¢


    ï)'(¹fWXO²)•¢


    6Ì*f+–,-fs•–‘t•v†ËÎ


    ï)./…v01PH233-O²)•¢


    ï)œ.…v4ö3-O²)•¢


    View full-size slide

  18. ö÷Hœst5Êf
    ªâé!œs67ž…(


    8µHœPÞ…R

    View full-size slide

  19. 09N5.(
    é:âWÛ³;tNDE


    éáâ<=Nq>WçÃèM

    View full-size slide

  20. ?áâN23
    “w@A‘-WQtR


    ÈBCDÏ2ÐÑL3EF)•_

    View full-size slide

  21. vGrOë»&•¤¥3úûHZP-í5R


    º†³WQtv`îH(noIJR


    qÒÓNKHëLMttHQZRNvâO(0ùR


    `NâuXY»


    qý3þXO233PÞ»)©5

    View full-size slide

  22. HR


    ¾5WXO


    ¤¥3ú…u»ttN¢¢

    View full-size slide

  23. 6Q‘WXYRS–ª
    !"#$%#&''3TXY


    UV¯KL3W•

    View full-size slide

  24. ÿXMðñ뤥¦ëQX†»†…uXYQ‘


    YZ./012ž…f[&Oë»XY–ªHQR


    View full-size slide

  25. tº\•


    ÔˆL¯°2m¯KLÕ
    Ô9]^¨3_&Ovf†²!&;l0m3ë.YtÕ


    vt5D2`fqa&Q•UV¯KLR

    View full-size slide

  26. bL%cdefg2ÃPH
    v†ZR
    éˆL¯°2mh¨HUJÃ1ñ./0L(o»st


    éif[jb¡cÝ¡¯3k•


    é¯Ke0LvÐMˆl(mf0nHop


    éifïïqrset3uv
    ➡)wx1(y@R

    View full-size slide

  27. izé./0Léij‘


    X{fs•†»W•‘|tR

    View full-size slide

  28. }0Lm(


    wx1Ny@35+•`v

    View full-size slide

  29. |²l0m‘~-t


    v³N&¹N•€v-Ox•-Yt


    9]^¨3_&Yt


    l0my@(‚²º†s»s²O,V


    PuçÃèM3ü.ÙÂY(†³u
    `N‚5sqÒÓfqQQŒHœ•¬DC2‘ttHQZ_

    View full-size slide

  30. s…H`)Hƒ„…†‘Hœ•N¢
    ¢

    View full-size slide

  31. !&;ˆÿN‚5sü.‰Šfs•†»

    View full-size slide

  32. áâãäåæçÃèM
    HQ
    *+,-ž…NŸ2 ¡m(

    View full-size slide

  33. !&;ˆÿ‘tst


    l0m<=fÊŒvXŒ3†+»)st


    Û•‘s²O,V
    ©…sU212ž…Nl}2mŽs0¬2ÃHQZR

    View full-size slide

  34. ••r†vwtPQ‘
    !"#$%#&''(


    ~XY»†-fQ•N(‘’
    vk“”N–(••ÛH(stR

    View full-size slide

  35. ©Nl0mNy@k


    qPÞ²užt_
    vt5qÊ•tNü.‰ŠR

    View full-size slide

  36. Ôi–N^¨3_&YtËÕ


    v5—ž)Y˜;
    .sûfR

    View full-size slide

  37. qÒÓNÔ™XYÕ3š›³
    œþt3•)©5uv†


    žn(Ÿ²OW³Y²stv†


    rse3›tY1f ¡¡c-O~-tv†R


    vf†²l0mf¢Q•XŒ3£¤-Ytv†

    View full-size slide

  38. qÒÓN¥¦Üf;ºÞO


    y@Nl2çM§¨3©&•
    “ª(•B«Hy@-Oë»5
    ©)H륦st–f(¬@Æt(-st_

    View full-size slide

  39. qÒÓvN


    ÈBCDÏ2ÐÑL‘!3†sv

    View full-size slide

  40. y@žÞOë»5¬J¡mXO¢

    View full-size slide

  41. )))y@žÞOë»5¬J¡m
    [ƒƒ„…†fs•

    View full-size slide

  42. i-®\\\¯


    N¯KL
    -qHiS-®\\\¯
    [\qHi-\®\\\¯
    i[\®\\\¯


    N¯KL
    [\qH
    i[\\®\\\¯f_
    `)u+Nƒ„…†fs³PQR

    View full-size slide

  43. y@fPĺ•o7(2°û±R
    s•²²ÊŒ3†+st‚5f-OqœP-í5R

    View full-size slide

  44. l2b2W$¬0L(


    `.»Hy@
    2°û±NMM¬©N³

    View full-size slide

  45. ’“s°LŸñl2b23IJ•
    2°û±NMM¬©NS

    View full-size slide

  46. tÄë´rl2b23T5
    o7fµ)•†»


    ÊŒ‘¶†»st_

    View full-size slide

  47. )))y@žÞOë»5¬J¡m
    SƒÏ2Mb0Ï2M3·²•

    View full-size slide

  48. qÒÓND2`(â©)¸)R
    ¹ºNl0mnoH(»¥HœstR

    View full-size slide

  49. ïrset3N5—fNXO~-t


    ï¼½›NˆL¯°2m‘~-t


    ï¾illè0ñ¿À‘~-t


    ïžn(Q•†»kb¡cÝ¡¯u+vXOqtO~-t


    ïl0mv´r./0LH KÐ3o³Yt


    ïÁaNÂÃNˆÿH[ÄNl0m3y@-Yt


    ï¾ig2Ã3n-²o³Yt

    View full-size slide

  50. l0m3y@-O²)O•âu-


    ÷ûWQt‚Zkvt5¢ÄŽ3o)•R
    Å–s¤¥3úŒ•_
    u†»

    View full-size slide

  51. ¦ÆN‹†XYëN(


    ¯KLf°ûÇ…HëttHQZR

    View full-size slide

  52. )))y@žÞOë»5¬J¡m
    fƒl2çM3•ÙžÞ»)•

    View full-size slide

  53. 09(BÈNMðñ,ꆻ


    o³‘ÉtÂÈ‘N•†ë-)PÞ…

    View full-size slide

  54. ÊËHy@-Ot•
    ÌÍQ• ÎLM‘N•

    View full-size slide

  55. ¯Ke0LN Ñ0M‘
    0h0 uXYË
    -)Xv


    ÏNëN3Ð-OÑ-Ò&Hœ•R
    Ó&(R

    View full-size slide

  56. ¿ÀNÔ³,-H


    BM-OÕtÂÈ38ÖË
    -)Xv


    ×›œ,--OÑ-Ò&Hœ•R
    Ó&(©NfR

    View full-size slide

  57. ¾)뤥¦ ¡m
    Ø
    qÒÓNl0m(ÙW†fð2¯

    View full-size slide

  58. IÚ‘“õN·Û
    y@-Ot•†»`©


    ÌÍQ²œ¶WÜK2‘8ÝQ•}0Lm3·…HrK¡ÐCÝ¡¯Hœ•_


    View full-size slide

  59. )))y@žÞOë»5¬J¡m
    ÞƒqÒÓvN


    ÈBCDÏ2ÐÑL3·²•

    View full-size slide

  60. ÈBCDÏ2ÐÑL‘


    ¥ßMðñ
    IJ2KLMs»kstvàfPQË
    ./012(

    View full-size slide

  61. q-/²³ÙÊ


    r/s²OëLM_
    Vá-O²užtR

    View full-size slide

  62. â²éã+k•é•&•
    3IäH·²PQR

    View full-size slide

  63. if[j(¥¹å¨âœ3Q•
    Ô솙XY`vN³PÞ…H-Y†ã¢Õv


    æ—N‚5sçèžH

    View full-size slide

  64. tÄëét;ºÞH´r
    êé3ž)•…u+¾Ë
    êéN§¨(¢©NvœN?a(¢


    W³v³3A-OÈBCDÏ2ÐÑL_
    Ó&(R

    View full-size slide

  65. ëIftœP-í5
    ìëíî±-ëkb°PQR


    ©-Oö÷‘s²s³PQR

    View full-size slide

  66. vk`…sGrN¬J¡m‘R
    ©-O


    ïðŽfñòÝ¡¯fÄs‘•qóŒ}0Lmë

    View full-size slide

  67. YfÄs‘•qQQŒ}0Lm[
    ’“s`v3¯KMQ)(


    Ñϱfs•‚

    View full-size slide

  68. !"#$%#&''3y@Q•`v†»


    ô»)• ÎLM‘N•…HQ

    View full-size slide

  69. ï7õLK0ˆÉLe3W•


    ïö¿÷ø3¯KMžÞ•


    ïb123„]ŽfÑ-Ò&•


    ï3Úl}2m3Q•


    ïl0m†»Nùú3oXOMˆ¡¯¬2ñ


    63W•Q•
    s¾s¾

    View full-size slide

  70. ¾iaû¯3œþtË+Ot•
    “„Nö÷( ¡mHœOPQ

    View full-size slide

  71. qÒÓN


    D2`
    BÈN


    ’“sMðñ
    ;XO©5_vt5ëN3


    ©XvWü-OûP-í5

    View full-size slide

  72. ý»)•`vëPY¤¥R
    Ì+žÞOtYuœP-í5

    View full-size slide

  73. ^”ÞkñòÝ¡¯_

    View full-size slide

  74. YfÄs‘•qQQŒ}0LmS
    ö÷-Oë»&•v


    DE-Oë»&•

    View full-size slide

  75. Ó&(


    BÈNçf†XYþ¨ÿXO


    :âfDE-PÞ…†¢
    `)HQR

    View full-size slide

  76. 09N


    ÔNsY(“»ì!¢Õvt5g2$ñ3


    QHf"&Y#$
    qÒÓ‘DE-O²už•

    View full-size slide

  77. DEHô‘••%(˜ÿfÆt
    G&-†N³PÞ…ZR

    View full-size slide

  78. ^”Þ_


    qÒÓ‘qÒÓ3'…H²už•ñ2¯_

    View full-size slide

  79. qQQŒNˆL¯°2m±²³
    I(N³

    View full-size slide

  80. 7|":))"|y&*3h¨Q•N‘qQQŒ
    ~<<•'€••'|":‚{"|y&*ƒS9|„ƒ"#+


    tP†»ˆL¯°2m¯KL3IJ•s»

    View full-size slide

  81. B,Ü‘ù²k


    -./³u²ž…N01ˆ2hHQR


    [2®-\\¯•[]NlrMcH


    [K03LMHÁal0mfh¨4._


    7|":))"|y&*v(
    ÈBCDˆÉWl}2mH5ééêé‘R6HœPQ_

    View full-size slide

  82. ˜™NlL¯ñˆL¯°2m
    •Ž•+


    lsL
    ÐL¯ñH


    QXœ³
    A¾ë


    †ºtt

    View full-size slide

  83. 66µ“_
    !"#$%#&''3TXO¿ÀQ•s»


    7?fç3Ä+YtfÄN}0Lm

    View full-size slide

  84. 3ðCJˆÉ("!3_
    66µ“©N³
    8(9:;ftPQRhÃHR

    View full-size slide



  85. žnë-P-í5_
    žnfÄtO(1~¾>-²R

    View full-size slide

  86. ¯Ke0L맨-P-í5
    79<&?8z#$)!%)%@8+9|
    ~<<•'€••Azƒ:"#$•#&''ƒ"#+••@8+9|'•'9<&+8z#$•


    View full-size slide

  87. b¡cÝ¡¯3q•)s²_
    66µ“©NS

    View full-size slide

  88. l0mfmKrñ8Ý_
    b¡cÝ¡¯‘N)(


    BvP¹CN#$fDÞ•_

    View full-size slide

  89. .2ŸE2M
    !"#$%#&''l0mf(F–‘¥¦_

    ˆ2hIG0ñ
    ÐMˆlN%p%
    Ý¡¯s2$IG0ñ
    ¯Ke0L
    Hb%Ìl2b2ÙÎ

    View full-size slide

  90. F–Nb¡cÝ¡¯3


    vXOqœP-í5

    View full-size slide

  91. qQQŒ¯Ke0L
    I•$#zJ<•@8'
    ~<<•'€••Azƒ:"#$•#&''ƒ"#+••@8+9|'•8•$#zJ<•@8'•

    View full-size slide

  92. qQQŒ¯Ke0L
    ‹@@‚9|‚L|&)!%))9+#z<9"|
    ~<<•'€••Azƒ:"#$•#&''ƒ"#+••@8+9|'•z@@‚9|‚"|&‚:•‚{9+#z<9"|•


    View full-size slide

  93. žn3-P-í5
    66µ“©Nf

    View full-size slide

  94. !"#$%#&''˜»Nžn

    ¯Ke0LNžn

    View full-size slide

  95. %p%W)*7‡KfëžnXON•…HQ
    °LŸñl2b2s»ÈLms2ñ<èñ†» ¡¡c_


    View full-size slide

  96. µ“_
    žnLf(


    ¥¹b¡cÝ¡¯
    솑M`XOëžnLfDÞ•‚5fË

    View full-size slide

  97. ‡ƒsNžn‘¥¦sN¢
    ¢

    View full-size slide

  98. ‹ƒ,O;WPQŽ3


    R-O²)Ot•†»
    n-tST¼N?aëÝJ

    View full-size slide

  99. l0m‘Ímfö²‚5f
    9:;ft•8†»


    U•YŒf

    View full-size slide

  100. ¸¹†-t`v(º†»st_


    ©…s–¼

    View full-size slide

  101. `…svœfkVAfs³PÞ…†¢
    žn-Y»


    s…†Wö‘q†-tË
    ¢
    3ðCJˆÉXO


    sf†»-Y»tt¢
    ¢
    `…smKrñ‘MœY»


    ¾5-Y»&&Z…_
    ¢
    %p%v†


    ‚²º†»…
    ¢

    View full-size slide

  102. ÈBCDˆÉ¼XY-P-í5


    View full-size slide

  103. XZ[~<<•'€••:::ƒ{&&<8•ƒ„"{•Az‚\%•<"•9„'•:"#$•#&''•A••
    9]^äfN•‚
    ULK0Lx_‘


    `af

    View full-size slide

  104. ./012Wx8!r/s²Oë


    ébs-_
    Që!"#$%#&''""""9á!Nc†»XYžÞOë»XOtPQR

    View full-size slide

  105. BÈf;XYv`î3


    ÖÄ+•Nëd-û†ë¢
    09(h0cUI†»Hë_

    View full-size slide

  106. tî…sÈeN¯sI¡¡ÐÑ1ñ‘


    t»X-/tPQ‚R


    ¾…¾…êé-OtœP-í5_


    ©-Oq233qftHœ•†ëgÚžÞOtYuœP-í5

    View full-size slide

  107. Ih2KlëqQQŒ_


    View full-size slide

  108. Å–s–‘êéfji-O²užXOtPQR
    ~<<•'€••Azƒ:"#$•#&''ƒ"#+•'8••"#<•J"#8{'•

    View full-size slide

  109. BȆ»ö†s+)(


    jk‘†»stR
    °lë‚©Nm±‘º†»s²s•†»


    :;3ô•N(¥¦†svR

    View full-size slide

  110. mf©±žÞOtœP-í5Z
    PvŒR

    View full-size slide

  111. #nf;ºÞO©±Hœ•opž
    3“•-YtHQZ_

    View full-size slide

  112. !3sN(k‹ÈÊËu+R
    ΰLÃ
    qr
    st

    View full-size slide

  113. ‚tquœ;tNHœ•qÒÓ3oî5
    P¹([âHëtt_

    View full-size slide

  114. !"#$%#&''3A-O


    zv-./tP-í5
    BÈëqÒÓëg¡w23^”-OR

    View full-size slide

  115. N³‘v5•xtP-Y_

    View full-size slide