Draw.io – narzędzie dla marketerów o wielu funkcjach

Chcesz stworzyć szablon newslettera? A może rozpisać lejek zakupowy lub workflow scenariusza automatyzacji? Albo szukasz narzędzia do map myśli i rozpisywania procesów w firmie? Poznaj darmowe narzędzie Draw.io, które ma tyle zastosowań, że głowa mała 😉

Odkąd poznałam narzędzie Draw.io to jestem jego oddaną fanką i czasem robię w nim rzeczy, które inni (i kiedyś ja) zrobili w power poincie czy photoshopie. Moje ręce same się tam kierują i jakoś tak naturalnie widzę więcej możliwości przelania myśli na “papier”.

To co robię w Draw.io to skrawek jego zastosowań, bo możliwości jest tak dużo, że użyć go można do wielu zadań. Ja wykorzystuję Draw.io m.in. do:

• notatek ze spotkań, na których jest dużo tematów i powiązań między nimi,
• rozpisania lejków sprzedażowych czy ścieżek zakupowych klientów,
• wizualnego przedstawienia jakiś procesów,
• rozpisania scenariuszy cykli marketing automation,
• map myśli,
• schematyczne przedstawienie wyglądu strony internetowej,
• przygotowanie układu newslettera,
• grafik przedstawiających tabele lub jakieś schematy blokowe,
• ….. (dopiszę jak coś nowego się pojawi ;))

No dobrze, ale jak działa Draw.io? Od czego zacząć?

Jak stworzyć dokument/diagram w Draw.io?

1. Wejdź na stronę https://draw.io
2. Wybierz, gdzie chcesz go zapisać – możemy wybrać dysk naszego komputera, dysk w chmurze (Google Drive czy OneDrive, Dropbox), możemy też zdecydować później.

3. Następnie tworzymy nowy diagram lub otwieramy już stworzony.
4. Jeśli tworzymy nowy diagram to mamy propozycję skorzystania z gotowych szablonów lub utworzenia pustego dokumentu.
Nazywamy go sobie, wybieramy szablon już pusty dokument, a dodatkowo możemy zdecydować w jakim formacie ma być zapisywany – np. XML, png, HTML – bez względu na to jaki format pliku wybierzesz potem możesz wyeksportować gotowy projekt do innego formatu.

5. No i działamy 🙂

Oczywiście, predefiniowane szablony możemy dowolnie edytować, a nawet je usunąć, jeśli stwierdzimy, że to jednak nie to.

Nim przejdziemy do konkretnych przykładów wykorzystania Draw.io w pracy to najpierw kilka zalet tego narzędzia, które sprawiają, że tak je uwielbiam 😀

• jest za darmo!
• ma ogrom zastosowań (co już wspominałam)
• można na nim pracować w tym samym czasie z innymi osobami
• zmiany są widoczne u innych w czasie rzeczywistym
• ma dużo elementów blokowych i różnych kształtów, w tym także emotikony!
• jest dużo ułatwień, takich jak przypięcie często używanych kształtów (tzw. scratchpad) czy łatwe powielanie elementu w procesie

Zdj. Możliwość wyszukania różnych kształtów i elementów oraz scratchpad – czyli przypięcie często używanych elementów

 

• możesz edytować rodzaje fontów, kolory, typ i grubość linii

Zdj. Edytowanie tekstu i kształtów

 

• możesz narysować własne kształty

Zdj. Rysowanie ręczne w Draw.io

• możesz stworzyć kilka stron w ramach jednego dokumentu – np. kilka opcji szablonu newslettera czy kilka workflow automatyzacji

 

• łatwo się tu robi skomplikowane tabele – czyli z różnymi wielkościami komórek, ich kolorami i zawartości

Zdj. Tworzenie tabel

Jak wykorzystać Draw.io w praktyce?

Najczęściej wykorzystuję Draw.io, gdy planuję scenariusze automatyzacji dla klientów lub rozpisuję lejki zakupowe w celu optymalizacji procesu sprzedaży. Ponadto narzędzie to przydatne jest dla mnie, gdy chcę zwizualizować grafikowi układ poszczególnych elementów na stronie internetowej lub w newsletterze.

Poniżej widzisz fragment przykładowego lejka zakupowego. Mamy tu dwie grupy leadów: pierwsze zakładka: Nowe leady, czyli osoby, do których musimy dotrzeć, oraz druga zakładka: osoby, które weszły już z nami w interakcje i mamy ich adresy email. Ponieważ świadomość marki i zaufanie do niej są różne u obu grup to i ścieżka prowadząca do konwersji będzie inna – stąd są one rozpisane w osobnych zakładkach. Aby odróżnić od siebie działania takie jak wysyłka wiadomości czy odesłanie na landing page wykorzystałam różne elementy graficzne. Ponadto istotne elementy – np. dodaj tag – wyróżniłam na czerwono. Dodałam też ikonkę zegara – czyli oznaczenie, że czekamy z akcją X czasu. Czy to potrzebne? Czy nie szkoda mi na takie “zegarki” czasu? Nie, bo po to wizualizuję proces, aby nie pogubić się we wszystkim, a obrazki czy kolory jeszcze lepiej obrazują poszczególne kroki. 

Zdj. Przykład lejka zakupowego rozpisywanego w Draw.io

Na kolejnej grafice przedstawiam schematyczny szablon newslettera, który przygotowuję albo dla klienta albo bezpośrednio dla grafika pokazując mu jak ma zaprojektować jego wygląd. Pokazuję mu jakie elementy i gdzie ma umieścić. Wskazuję też gdzie mają być przyciski CTA oraz opisuję jak najdokładniej mogę poszczególne fragmenty. Nie skupiam się tu na wielkości kroju, marginesach, kolorach – na tym zna się grafik, ja się znam na układzie 😉 Podobnie robię przy planowaniu wyglądu landing page czy całej strony.

Zdj. Fragment szablonu newslettera

 

Przeczytaj: Nadawca i Temat newslettera – ważne elementy newslettera

A teraz pokażę Ci draw.io w użyciu 🙂 Na filmiku, w dużym przyspieszeniu możesz zobaczyć jak tworzę scenariusz marketing automation w celu ratowania porzuconych koszyków. To rzecz jasna bardzo ogólny i prosty scenariusz robiony z głowy tylko po to aby pokazać jakie fajne narzędzie z tego draw.io 😉 Na końcu filmiku bawię się opcjami – kolorami, stylami, ikonami.

 

 

 

Wiem, że w tym artykule pokazałam tylko część możliwości i zastosowań Draw.io. Mam nadzieję, że i Tobie się przyda. Chętnie poznam Twoje pomysły na jego zastosowanie w życiu i w pracy. Podziel się proszę swoimi pomysłami w komentarzu!