Jak tworzyć strategię wizualną dla Waszej organizacji i dlaczego warto to zrobić? Jak szybko tworzyć efektowne grafiki za pomocą narzędzi internetowych? - o tym mówiła podczas #NGOwarsztatów Katarzyna Młynarczyk. Wydarzenie organizowane przez Stowarzyszenie Pracownia Obywatelska. Projekt współfinansowany ze środków Ministerstwa Pracy i Polityki Społecznej w ramach Programu Operacyjnego Fundusz Inicjatyw Obywatelskich.

1. Strategia obrazkowa - co
wnosi do naszej organizacji?
Katarzyna Młynarczyk

3. 5 typów treści wizualnej
❶
❹
❸
❷
❺

4. Imageboard. Mem w mainstreamie.
❷
http://www.slideshare.net/socialmediapoland/rozpaczamy-memy-pdf
http://www.theverge.com/2012/5/7/3005044/roflcon-when-memes-go-mainstream

5. Mem tylko dla marek?
http://www.npengage.com/nonprofit-research/12-more-internet-memes-for-nonprofits
http://workingatanonprofit.tumblr.com

6. Obraz pełni funkcję edukacyjną
AARP (American Association Of Retired Persons) - Pinterest

7. I wart jest tysięcy kliknięć
Charity Water

8. Wyraża emocje

9. Urozmaica tekst

10. I informuje...
http://www.mobilisationlab.org/how-ngos-win-with-facebook-better-engagement-in-five-easy-lessons/

11. 40% osób więcej
odpowiada na treści
wizualne niż tekstowe

12. I generuje większy zasięg

13. NGO w serwisach kontentowych
http://www.slideshare.net/michalserwinski
Pinterest, Slideshare, Instagram

14. Na początku była... STRATEGIA!
Jedna spójna identyfikacja
Hasło/idea? BIG IDEA
Komunikacja Hashtagowa? (dopasowana do
mediów społecznościowych)
Pozycjonowanie treści!
Wyznaczenie ról w zespole
Wybór narzędzi
Harmonogram

15. Strategia obrazkowa - czym jest?
To IDENTYFIKACJA Twojej ORGANIZACJI!
To sposób na przyciągnięcie UWAGI ODBIORCY
To sposób na WZMOCNIENIE przekazu
To sposób na DIALOG z odbiorcą
To sposób na PROAKTYWNE PODEJŚCIE
To spójny PLAN KOMUNIKACJI OBRAZKOWEJ

16. Czas jest ważny!

17. Specyfikacja techniczna
http://www.nptechforgood.com/2013/08/07/the-importance-of-brandingyour-nonprofit-on-social-networks-through-graphic-design/

18. http://www.slideshare.net/dbarefoot/how-ngos-win-on-facebook-net-tuesday-edition

19. https://www.facebook.com/KrakowskiAlarmSmogowy

20. https://www.facebook.com/krakowprzeciwigrzyskom

21. http://www.mediabistro.com/alltwitter/social-media-image-dimensions_b44957

22. Zalecane wymiary
Cover: 1080x608px (min. 480x270px)
Zdjęcie profilowe: 250x250px

23. https://plus.google.com/+WielkaOrkiestraŚwiątecznejPomocy
https://plus.google.com/u/0/+zielonalinia/posts

24. Urozmaicenie: Gify!
https://plus.google.com/105161857221687842731/posts/8tvwZ2MMccm

25. http://www.mediabistro.com/alltwitter/social-media-image-dimensions_b44957

27. Urozmaicenie: Adnotacje, napisy

28. Urozmaicenie: Adnotacje, napisy

29. Urozmaicenie: Adnotacje, napisy

30. Urozmaicenie: Adnotacje, napisy

31. http://www.mediabistro.com/alltwitter/social-media-image-dimensions_b44957

32. http://www.mediabistro.com/alltwitter/social-media-image-dimensions_b44957

33. http://www.mediabistro.com/alltwitter/social-media-image-dimensions_b44957

34. Instagram

35. Przykłady dobrej komunikacji
wizualnej

36. Cover photo
Identyfikacja podmiotu, prezentacja idei.

37. Cover photo
Identyfikacja podmiotu, prezentacja idei.

38. Cover photo
Kreatywne przedstawienie „produktu” i/lub fanów.

39. Cover photo
Kreatywne przedstawienie „produktu” i/lub fanów.

40. Okazjonalne grafiki
Informowanie o ważnych wydarzeniach i akcjach, edukacja.

41. Okazjonalne grafiki
Informowanie o ważnych wydarzeniach i akcjach, edukacja.

42. Okazjonalne grafiki
Informowanie o ważnych wydarzeniach i akcjach, edukacja.

43. Okazjonalne grafiki
Dzielenie się pasją, inspiracjami i motywacją w formie
wizualnej.

44. Okazjonalne grafiki
Spójna forma przekazywania treści, dedykowane grafiki.

45. Okazjonalne grafiki
Spójna forma przekazywania treści, dedykowane grafiki.
Kreatywne przedstawienie produktu.

46. Okazjonalne grafiki
Spójna forma przekazywania treści, dedykowane grafiki.
Hashtag akcji/wydarzenia.

47. Angażujące grafiki
Pytaj swoich fanów o zdanie!

48. Opowiadanie historii

49. Storytelling - Facebook timeline
https://www.facebook.com/wosp

50. Wykorzystanie kanałów social media
w komunikacji wizualnej

51. Wykorzystanie kanałów social media
w komunikacji wizualnej

52. Wykorzystanie dodatkowych kanałów
w komunikacji wizualnej
Kreatywne wykorzystanie Instagrama.

53. Wykorzystanie dodatkowych kanałów
w komunikacji wizualnej
http://storyofhungry.org

54. Wykorzystanie dodatkowych kanałów
w komunikacji wizualnej
Tworzenie tematycznych tablic na Pintereście.

55. Wykorzystanie dodatkowych kanałów
w komunikacji wizualnej
Tworzenie tematycznych tablic na Pintereście.

56. Wykorzystanie dodatkowych kanałów
w komunikacji wizualnej
Kreatywne wykorzystanie Pinteresta przy prezentacji swojego
produktu.

57. Wykorzystanie dodatkowych
kanałów
w komunikacji wizualnej
Kreatywne wykorzystanie Pinteresta przy prezentacji swojego
produktu.

58. Wykorzystanie dodatkowych kanałów
w komunikacji wizualnej
Prowadzenie konkursu/kampanii społecznej z wykorzystaniem
Pinteresta.

59. Jak przygotować właściwy obrazek?
Spójność ze strategią
Plan
Wybór przekazu - hasło/tekst
Podstawowy efekt: zwrócenie uwagi, wywołanie
mocji/ Zaangażowanie
nazwa - pod SEO!
Opis obrazka - hashtagi?
Właściwy czas zamieszczania grafik!

60. Przydatne narzędzia

61. Edycja i tworzenie grafik
Pixlr Editor - dodawanie tekstów, wycinanie fragmentów
obrazu, praca na warstwach itp., dostępny online.
http://pixlr.com/

62. Edycja i tworzenie grafik
Gimp - zaawansowana edycja zdjęć, praca na warstwach,
edycja kolorów itp., dostępny offline.
http://www.gimp.org/

63. Tworzenie cover photo
Timeline cover banner - tworzenie zdjęcia w tle
zintegrowanego ze zdjęciem profilowym.
http://www.timelinecoverbanner.com/11/paper-texture-facebook-timeline-banner-background/

64. Tworzenie cover photo
Timeline cover banner - tworzenie zdjęcia w tle
zintegrowanego ze zdjęciem profilowym.
https://www.facebook.com/NewBalanceRunningPoland

65. Tworzenie kolaży zdjęciowych
Pixlr Express - tworzenie kolaży zdjęciowych, dostępny online.
http://pixlr.com/express/

66. Nakładanie efektów i ramek
Pixlr O-Matic - gotowe efekty oraz ramki zdjęciowe, dostępny
online.
http://pixlr.com/o-matic/

67. Tworzenie infografik
Easyl.ly - narzędzie z gotowymi szablonami i elementami do
tworzenia własnych infografik, dostępny online.
http://www.easel.ly/

68. Tworzenie infografik
Infogr.am - narzędzie z gotowymi szablonami i elementami do
tworzenia własnych infografik, dostępny online.
http://infogr.am/

69. Tworzenie wizualnych historii
Storify - integracja wielu kanałów przy opisie wydarzenia lub
historii.
http://storify.com/un

70. Tworzenie wizualnych historii
Timeline JS - tworzenie osi czasu z wykorzystaniem treści
pochodzących z różnych kanałów.
http://timeline.knightlab.com/examples/user-interface/

71. Publikowanie treści wizualnych
Visual.ly - miejsce publikowania treści wizualnych, głównie
infografik, schematów i projektów.
http://visual.ly/

72. DZIĘKUJĘ!
katarzyna@socjomania.pl
668059259