Przykłady fantastycznych animacji demonstrujących aplikacje.
Kiedy ludzie oglądają świetną demonstrację, możesz zobaczyć, jak coś klika w ich mózgu. To tak, jakby za chwilę żarówka, która przekłada się na „TO JEST TO!”.
Jeśli próbujesz coś sprzedać, to chcesz, aby ludzie to czuli. Chcesz, aby dokładnie zrozumieli, jak działa Twój produkt lub aplikacja i mogli zobaczyć, jaką wartość może im przynieść.
Wideo jest do tego idealnym narzędziem. Dzięki wideo możesz wizualnie przeprowadzić ludzi przez kroki wymagane do prawidłowego korzystania z Twojego produktu, usługi lub aplikacji, a dzięki angażującemu komentarzowi możesz też opowiadać im werbalnie .
Ponadto animacje mogą być zabawne i wciągające! A wyniki mówią same za siebie. Według ostatnich badań marketingu wideo, 95% ankietowanych stwierdziło, że film pomógł im wzrastać a klienci doskonale zrozumieli ich produkt lub usługę.
Po co tworzyć animowane demo?
Kiedy zdecydowałeś, że chcesz stworzyć Explainer Video dla swojego produktu, usługi lub aplikacji, animacja mogła nie być twoją pierwszą myślą. Oto kilka powodów, dla których animowane filmy są tak świetne…
-
Funkcje mogą się zmienić
Możesz pomyśleć, że aby stworzyć niesamowite demo swojej aplikacji, musisz bezpośrednio nagrywać zrzuty ekranu – tak, abyś mógł dokładnie pokazać użytkownikom, jak się po niej poruszać.
Chociaż nie ma nic złego w tym podejściu, strony internetowe i aplikacje są zawsze aktualizowane, a funkcje prawdopodobnie ulegną zmianie. W przypadku filmów nagranych bezpośrednio na ekranie, za każdym razem, gdy aplikacja aktualizuje się, film traci ważność – a tworzenie nowych może być czasochłonne i kosztowne.
Dzięki animacji możesz modyfikować funkcje swojej aplikacji, aby nadal wyświetlać przyciski, układ i kolory marki — ale nie skupiasz się na szczegółach. To może dać ci trochę komfortu, jeśli zmienią się funkcje.
-
Akcja na żywo może być trudna
Być może zastanawiasz się nad pokazywaniem prawdziwych osób korzystających z Twojej aplikacji, produktu lub usługi. Ponownie, nie ma w tym nic złego, ale akcja na żywo bywa bardziej skomplikowana i droższa niż animacja.
W przypadku akcji na żywo musisz wziąć pod uwagę lokalizacje, aktorów, harmonogramy, powtórki i wiele więcej.
-
Nie chcesz nikogo zrazić
Kolejnym problemem związanym z korzystaniem z akcji na żywo jest ryzyko, że zrazisz grupę potencjalnych klientów.
Załóżmy na przykład, że stworzyłeś aplikację, której ludzie mogą używać do pobierania i słuchania muzyki. Twój film demonstracyjny pokazuje osobę, która mieszka w miejskim mieszkaniu z trzema współlokatorami i używa aplikacji na swojej imprezie. Po prostu, wielu innych potencjalnych klientów, którzy nie identyfikują się z tą osobą, jest wyobcowanych.
Z animacją nie ryzykujesz. Animowanymi postaciami może być każdy ( i wszystko inne ). Możesz mieć dziesięć animowanych postaci za cenę jednej – tego samego nie można powiedzieć o aktorach!
Mając to wszystko na uwadze, spójrzmy na przykłady animowanych produkcji, które informują i edukują…
Likezoid
Ta animacja 2d jest skierowana do młodych, pełnych życia ludzi, którzy uwielbiają korzystać z Instagrama. A projekt i animacja w filmie naprawdę to odzwierciedlają.
Muzyka jest optymistyczna, kolory są jasne, animacja wciągająca – a aplikacja jest prezentowana w mniej niż 30 sekund. Idealny czas dla dzisiejszych konsumentów i ich zmniejszającej się ich uwagi!
Zastosowanie animacji dało firmie Likezoid swobodę dodawania zabawnych elementów do ich wersji demonstracyjnej, takich jak monety wyskakujące na ekranie.
Dodatkowo, używając ilustracji zamiast prawdziwych ludzi, wyświetlane posty na Instagramie nigdy nie staną się nieaktualne ani nie zrażą potencjalnych użytkowników.
Headspace
Jeśli widziałeś wcześniej film Headspace, prawdopodobnie go pamiętasz. Mają naprawdę wyjątkowy, ciekawy i niezapomniany styl. Część demonstracyjna tego filmu zaczyna się dopiero po około 25 sekundach, a to dlatego, że potrzebne jest wprowadzenie, aby edukować potencjalnych użytkowników o mocy medytacji. W końcu nie jest to najłatwiejsza rzecz!
Twórcy wykorzystują również animację, aby pokazać korzyści płynące z medytacji – używają szerokiej gamy scenariuszy, których sfilmowanie byłoby bardzo kosztowne, gdyby były kręcone jako materiał filmowy na żywo.
Asystent Google
Asystent Google jest dla każdego . A to może czasami powodować problemy podczas tworzenia filmu. „Czy lepiej pokazać produkt używany przez białego mężczyznę? Czarną kobietę? Biznesmena? Rodzica siedzącego w domu?”
Dzięki animacji nie musisz się martwić, że kogoś zrazisz. W tym filmie Google używa prostych znaków, w prostym otoczeniu domowym – więc nikt tak naprawdę nie może tego obejrzeć i pomyśleć: „to nie dla mnie. ”
Animacja jest również wykorzystywana do sprytnego wspomagania głosu w opowiadaniu historii. Na przykład, gdy Asystentowi Google zadamy pytanie o pogodę, animacja w ciekawy sposób uzupełnia je.
DuoLingo
Logo DuoLingo to urocza sowa, więc animowany film demonstracyjny idealnie pasuje do stylu ich marki.
Jest interesujący, ponieważ pokazuje, jak aplikacja działa w różnych użyciach, w tym, w różnych językach, które można studiować za pomocą aplikacji i różnych dostępnym tam grom.
Explainer video wykorzystuje również tekst na ekranie zamiast dźwięku, co jest świetnym sposobem, aby ludzie skupili się na aplikacji i byli zaangażowani w wideo.
AppToPay
Na potrzeby tego krótkiego 45-sekundowego animowanego demo, AppToPay wykreowało cały świat! Ten film przedstawia wiele różnych postaci, a także tętniącą życiem ulicę. Ten animowany świat pozwala twórcom przeskoczyć między prostą demonstracją, jak korzystać z ich aplikacji, a tym, jak wygląda to dla ich klientów w codziennym życiu.
Ten film jest bardzo energetyczny i pouczający, a przejścia są niesamowite.
Mimo wszystko, AppToPay wciąż pamięta o edukacji swoich klientów, umieszczając ważne informacje jako tekst na ekranie.
Agorapuls
Jedną z największych zalet animowanych filmów demonstracyjnych, z których korzysta Agorapulse, jest pokazanie uproszczonej wersji platformy.
Skupia się tylko na większych aspektach witryny lub aplikacji, takich jak kolory marki i przyciski, nie muszą zmieniać wideo za każdym razem, gdy modyfikują lub edytują swoją platformę.
To nie tylko świetnie wygląda, ale także oznacza, że film pozostanie aktualny przez dłuższy czas – dzięki czemu oszczędzisz więcej ze swojego budżetu na marketingu wideo!
Resume.io
Ta 30-sekundowa reklama Resume.io również pokazuje uproszczoną wersję swojej platformy.
Oprócz zwiększenia aktualności filmu, dla Resume.io oznacza to również, że żaden widz nie będzie wyobcowany. Zamiast pokazywać życiorysy dotyczące określonych stanowisk i ról, w tym filmie wykorzystano kształty i kolory do przedstawienia kontekstu.
Widzowie są edukowani, jak korzystać z platformy i nie rozprasza ich czytanie prawdziwych życiorysów.
Univoice
Piękna różowo-fioletowa paleta Explainera stworzonego dla Univoice, od razu przyciąga wzrok. Film wykorzystuje również animację, aby natychmiast przyciągnąć docelową grupę odbiorców – melomanów. Od pierwszej sekundy widzimy planetę Ziemię w słuchawkach która „podskakuje” do rytmu muzyki. W całym filmie widzimy różne typy postaci, które również kochają muzykę. Podzielony ekran to naprawdę skuteczny sposób na pokazanie aplikacji w tym samym czasie, co animowanych postaci. To tak, jakby pokazać przyczynę z jednej strony, a skutek z drugiej:
Zeamo
Ten film demonstracyjny autorstwa Zeamo wykorzystuje wszystkie korzyści, jakie ma do zaoferowania animacja! Widzimy uproszczone wersje aplikacji w użyciu – edukuje użytkowników, nie przytłaczając ich funkcjami. Wideo wykorzystuje również animację, aby poinformować odbiorców o korzyściach, jakie platforma ma do zaoferowania, podobnie jak wideo Headspace.
Widzimy różne postacie wchodzące w interakcję z aplikacją na różne sposoby, więc żaden potencjalny klient nie jest wyobcowany. A tła i ikony są proste – aby jeszcze bardziej zapobiec alienacji. Trudno byłoby komukolwiek spojrzeć na to i pomyśleć „ to nie jest moja bajka”:
UberEats
Prezentacje danych w platformie, może być naprawdę trudne do przekazania w wideo. Czy polegasz na istniejących danych? Próbujesz zablokować wszelkie poufne informacje? Czy spędzasz godziny na wprowadzaniu danych specjalnie do filmu?
Z animacją nie musisz o tym myśleć. Możesz sprawić, by dane wyglądały tak, jak chcesz – w sposób, który najlepiej opowiada Twoją historię!
Ten film demonstracyjny autorstwa UberEats pokazuje potencjalnym użytkownikom dokładnie, jak działa platforma, bez użycia rzeczywistych danych. Nawet opinie klientów mogą być reprezentowane jako bloki zamiast prawdziwego tekstu. UberEats wykorzystuje również moc animacji do dzielenia elementów i przesuwania ich po ekranie – tworząc wciągające, pouczające i zabawne wideo!
Acast
Jako firma hostingowa podcastów, Acast ma bardzo szeroką bazę klientów. Animacja pomaga im przemówić do wszystkich, pokazując wiele różnych postaci. Użycie odważnych i kontrastujących kolorów naprawdę pomaga wyróżnić się tej animacji. Przy tym informuje i edukuje użytkowników za pomocą napisów i dymków, który płynnie się poruszają.
Jotform
Kiedy tworzysz wideo demonstracyjne, nagrywając ekrany swojej platformy lub aplikacji, film traci trochę zdolności do opowiadania historii. Animacja rozwiązuje ten problem.
Ten film autorstwa Jotform wykorzystuje postacie, aby podkreślić aktualny problem odczuwany przez ich docelowych klientów.
A potem pokazuje również, jak ich produkt rozwiązuje te problemy. To animowane demo przedstawia postacie i różne sytuacje, z którymi ludzie są zaznajomieni. A także wykorzystuje podzielone ekrany, aby pokazać animowaną wersję aplikacji po jednej stronie i postać po drugiej. Dzięki temu widzowie mogą zobaczyć, kiedy i co bohater klika.
MPromo+
Gdy tworzyliśmy animacje 2D dla projektu, zastanawialiśmy jak wytłumaczyć grupie docelowej (sklepikarzom) działanie systemu promocyjnego. Mieliśmy 1:30, aby uwzględnić odpowiedzi na istotne pytania (związane z marżowością, sposobem działania systemu i rozliczeniami), a także pokazać skalę projektu i możliwości, jakie za sobą niesie. Tego typu Explainer Video istotnie pomaga w sprzedaży i budowie zainteresowania produktem.
XE
XE to aplikacja do przeliczania walut w Shopify, a to animowane demo pozwala im stworzyć własną tożsamość.
Każda strona jest wyświetlana na ekranie w prostym stylu graficznym, bez rozpraszania uwagi, która odciąga widzów od pouczającej demonstracji.
Zastosowanie animacji pozwala XE na jednoczesne wyświetlanie różnych stron na ekranie – świetny sposób na pokazanie, jak to, co dzieje się w back-endzie sklepu, wpływa na front-end.
Podsumowanie - Animacje opowiadające o aplikacjach
Explainery Video są naprawdę ważne, aby pokazać wartość Twojej aplikacji, produktu lub usługi, oraz edukować ludzi, jak najlepiej je wykorzystać.
Jeśli chodzi o ukazanie swojej aplikacji, produktu lub usługi, animacja może pomóc to zrobić w ujmujący sposób, nie tracąc na aktualności.
Filmy animowane można udostępniać, są opłacalne i ( po utworzeniu przez ekspertów) wyglądają profesjonalnie.