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

How to be the best web designer in the world.

Swwweet
July 04, 2015

How to be the best web designer in the world.

Presentation by @htmlboy and @martuishere at WebVisions Barcelona, on July 2015.

Swwweet

July 04, 2015
Tweet

More Decks by Swwweet

Other Decks in Design

Transcript

  1. How to be
    THE BEST 

    WEB DESIGNER
    in the world
    @htmlboy & @martuishere

    View full-size slide

  2. How to be
    A GOOD

    WEB DESIGNER
    everyday

    View full-size slide

  3. How to be
    A DECENT

    WEB DESIGNER
    most of the time

    View full-size slide

  4. DEAL WITH

    WEB STUFF
    How to
    and still be kinda happy

    View full-size slide

  5. Accounting.
    Finding clients.
    Talking to clients.
    Getting paid.

    View full-size slide

  6. Frustration.

    View full-size slide

  7. Web design is a 

    bumpy road.

    View full-size slide

  8. So, what can we do?

    View full-size slide

  9. Innovation.
    Constraints.
    Clients.
    Yourself.

    View full-size slide

  10. INNOVATION
    Dealing with

    View full-size slide

  11. Information Fatigue
    Syndrome

    View full-size slide

  12. Poor concentration.
    Polyphasic behaviour.
    Hurry sickness.
    Pervasive hostility.
    Over stimulation.
    “Plugged in” compulsion.
    Good ol’ stress.

    View full-size slide

  13. Let someone else do the
    hard work.

    View full-size slide

  14. web-design-weekly.com

    View full-size slide

  15. responsivedesignweekly.com

    View full-size slide

  16. blog.javierusobiaga.com/the-web-weekly

    View full-size slide

  17. Don’t read everything.

    View full-size slide

  18. Paradox of Choice

    View full-size slide

  19. flic.kr/p/dxKZiS

    View full-size slide

  20. Only try one new thing 

    at a time.

    View full-size slide

  21. Dedicate a few hours a
    week to self-improvement.

    View full-size slide

  22. Go to conferences!

    View full-size slide

  23. CONSTRAINTS
    Dealing with

    View full-size slide

  24. Understand the limitations
    of the project.

    View full-size slide

  25. How to research with a
    low budget?

    View full-size slide

  26. Not all researches 

    are equal.

    View full-size slide

  27. How do you test with a 

    low budget?

    View full-size slide

  28. Test with strangers at
    coffee shops.

    View full-size slide

  29. www.usertesting.com

    View full-size slide

  30. How do you worry about
    performance with a 

    low budget?

    View full-size slide

  31. flic.kr/p/cfQwL7

    View full-size slide

  32. OpenDeviceLab.com

    View full-size slide

  33. Ask your friends & family
    for old devices.

    View full-size slide

  34. “I need a site similar to
    Amazon in 2 weeks. Can
    you do that?”

    View full-size slide

  35. Time and budget
    constraints go both ways.

    View full-size slide

  36. (Minimum Viable Product)
    MVP

    View full-size slide

  37. (Minimum Decent Result)
    MDR

    View full-size slide

  38. Make sure that the client 

    is on board with your 

    way of designing.

    View full-size slide

  39. Don’t break your 

    design process.

    View full-size slide

  40. CLIENTS
    Dealing with

    View full-size slide

  41. How to find clients?

    View full-size slide

  42. Cold email.
    Advertising.
    Partnerships.
    Referrals.

    View full-size slide

  43. Put yourself out there. 

    Be active in the web
    design community.

    View full-size slide

  44. Protect yourself at 

    all times.

    View full-size slide

  45. gist.github.com/maban/6098135

    View full-size slide

  46. Scope.
    Cancellation policies.
    Terms of payment.
    Liabilities.

    View full-size slide

  47. Consider working in 

    design sprints.

    View full-size slide

  48. the-pastry-box-project.net/andrew-clarke/2012-may-13

    View full-size slide

  49. project
    sprint
    #1
    sprint
    #2
    sprint
    #3
    sprint
    #4
    sprint
    #5
    sprint
    #6

    View full-size slide

  50. sprint
    #1
    sprint
    #2
    sprint
    #3
    work order
    invoice
    work order
    invoice
    work order
    invoice

    View full-size slide

  51. But, how do you sell 

    this to clients?

    View full-size slide

  52. Clients don’t usually have 

    a closed mindset.

    View full-size slide

  53. Allow some room for
    flexibility.

    View full-size slide

  54. project
    sprint
    #1
    sprint
    #2
    sprint
    #3
    sprint
    #4
    sprint
    #5
    sprint
    #6

    View full-size slide

  55. project
    sprint
    #1
    sprint
    #2
    sprint
    #3
    sprint
    #4
    sprint
    #5
    sprint
    #6

    View full-size slide

  56. YOURSELF
    Dealing with

    View full-size slide

  57. Know what you like, and
    what you don’t like.

    View full-size slide

  58. Delegate tasks.

    View full-size slide

  59. flic.kr/p/8SfWMu

    View full-size slide

  60. Hiring is not wasting.

    View full-size slide

  61. Hating your job causes the
    same mental disorders as
    being unemployed.

    View full-size slide

  62. Do not delegate your 

    main selling point.

    View full-size slide

  63. Professional quality and
    ethical values must be 

    part of the MDR.

    View full-size slide

  64. Don’t work (only) 

    for money.

    View full-size slide

  65. stuffandnonsense.co.uk/ethics

    View full-size slide

  66. You want to be proud of
    your work.

    View full-size slide

  67. You want to not be
    ashamed of your work.

    View full-size slide

  68. Working against your
    ethical values causes too
    much stress & frustration.

    View full-size slide

  69. BETTER WEB

    DESIGNERS
    So, how do we try to be
    and enjoy ourselves?

    View full-size slide

  70. HONEST
    Best thing is being
    with everything we do.

    View full-size slide

  71. THANKS!
    @htmlboy & @martuishere

    View full-size slide