Kominikacja wizualna polskich startupów

14

description

Raport OfficeWarriors.pl wraz ze studiumprzypadku.com na temat komunikacji wizualnej polskich startupów.

Transcript of Kominikacja wizualna polskich startupów

Page 1: Kominikacja wizualna polskich startupów
Page 2: Kominikacja wizualna polskich startupów

2

Pomysł trzeba opakowaćStartupy opierają się na oryginalnych pomysłach. Rozbudowując jednak funkcjonalność swoich serwisów, twórcy startupów czasami zapominają o efektownym „opakowaniu” swoich pomysłów.

Dlatego postanowiliśmy przyjrzeć się komunikacji wizualnej wybranych polskich startupów. Sprawdziliśmy, czy przyjęte przez nich założenia dotyczące designu korespondują z tym, czym określone startupy się zajmują.

To bardzo cenna informacja dla odwiedzającego stronę startupu po raz pierwszy: owych kilkanaście, kilkadziesiąt sekund zdecyduje o tym, czy odwiedzający uzna serwis za przydatny. Aby o tym zdecydować – musi już na pierwszy rzut oka zrozumieć, czym startup się zajmuje i co może dla niego zrobić.

Firmy okrzepłe już na rynku, w swojej identyfikacji wizualnej często wykorzystują kolorystykę kojarzącą się z branżami, w których działają. Bankowość i ubezpieczenia komunikuje najczęściej granat, produkty skierowane do kobiet – róż.

W startupach ta logika nie do końca ma zastosowanie: wyraźnie widoczne jest tutaj stosowanie aktualnych trendów w tworzeniu serwisów, z zastosowaniem kolorystyki włącznie. Nie sprzyja to kontrastowemu odróżnianiu się poszczególnych serwisów. Jednak na szczęście mijają czasy, gdy nazwy (prawie) wszystkich startupów, bez względu na profil działalności, kończyły się na „o” lub „eo”.

Dzisiejsi twórcy startupów bardzo mocno czerpią inspiracje z rynku amerykańskiego: nie dotyczy to tylko tworzenia prezentacji w stylu Steve’a Jobsa, ale przede wszystkim – architektury serwisów. To akurat ta część inspiracji nowościami z USA, która przekłada się na pozytywne rezultaty. Gorzej jest już z transponowaniem pomysłów zza oceanu na polski grunt: nie wszystko, co okazało się sukcesem w Stanach, przyjmie się i w Polsce. Jednak pomysły nie nam oceniać, a inwestorom i przede wszystkim – użytkownikom.

Dobrze zaprojektowany serwis czy klarowna komunikacja wizualna mogą tylko pomóc. Staranność wykonania, a przede wszystkim – analiza stojąca za wybraniem takich, a nie innych rozwiązań, jest dobrym prognostykiem dotyczącym żywotności startupu. Odzwierciedla się w tym bowiem podejście do biznesu jego twórców.

W naszym raporcie oceniamy startupy, które zaprezentowały się na ogólnopolskich konferencjach, z InternetBeta 2011 na czele. Do oceny zaprosiliśmy ekspertów z bloga poświęconego designowi – studiumprzypadku.com

Na ocenę końcową (w skali 1-10, przy czym 10 to ocena najwyższa), składały się trzy elementy: klarowność komunikacji profilu działalności (czy wiemy, czym zajmuje się startup), funkcjonalność layoutu, a także – logo.

Kto zdobył najwięcej punktów? Bardzo łatwo się o tym przekonać: zapraszamy do lektury raportu „Komunikacja wizualna polskich startupów”.

Page 3: Kominikacja wizualna polskich startupów

3

Privacy protectorhttp://privacyprotector.eu

Kiedy otworzy się stronę, od razu widać czym zajmuje się startup. Jest bardzo czytelnie wypunktowane co możemy otrzymać, dodatkowo jest to sprecyzowane w postaci konkretnych usług. Zawartość wiedzy jak najbardziej na plus i to duży.

Privacy Protector jest jedyną w swoim rodzaju technologią typu VPN (Virtual Private Network), która w odróżnieniu od rozwiązań dostępnych na rynku – nie posiada zdalnego serwera przez co znacząco zwiększa ochronę użytkownika przed utratą danych, kradzieży tożsamości, informacji czy też podsłuchu.

Dobrze położone logo, jasne menu wydzielone optycznie od reszty strony. Odpowiednio dobrane i komponujące się kolory. Bardzo łatwo można nawigować po stronie i wybrać interesujący nas dział.

Komunikacyjnie bardzo dobrze odnosi się do tego, czym zajmuje się ta aplikacja. Co prawda motyw z herbo-tarczą jest dość mocno ograny, jednak niesie ze sobą sprawdzone już wartości. A do tego jest to wszystko bardzo estetycznie wykonane.

KLAROWNOŚĆ PROFILU DZIAŁALNOŚĆI

FUNKCJONALNOŚĆ LAYOUTU

PROJEKT LOGO

7

Page 4: Kominikacja wizualna polskich startupów

4

Save upwww.saveup.plWidzisz interesujący produkt, robisz mu zdjęcie, kupujesz! Aplikacja umożliwia mobilne zakupy, bez względu na miejsce i czas. SaveUp to mobilna aplikacja umożliwiająca błyskawiczne fotozakupy za pomocą telefonu. Wykonujesz zdjęcia produktu, który chcesz nabyć, a aplikacja rozpoznaje to i zwraca dostępne w sieci oferty wskazanego towaru.

Od razu po otwarciu strony otrzymujemy informację, że mamy do czynienia z aplikacją na telefony. Estetyczna zmieniarka pokazuje nam możliwości programu. Co prawda trzeba poświęcić trochę czasu na czytanie, niemniej jednak już po kilku sekundach można zorientować się co jest nam proponowane, a przede wszystkim - zainteresować się tematem.

Przyjemna, ciemna kolorystyka. Niestety, na ciemnym tle czerwona delikatna czcionka jest mało widoczna. Bardzo dobra organizacja strony głównej. Wygodna długość strony: już podczas pierwszej wizyt znajdziemy wszystkie najważniejsze informacje są położone na górze strony. Wszystko to, co znajduje się poniżej to treści przeznaczona dla osób bardziej zainteresowanych tematem. Odbiór całościowy bardzo pozytywny.

Dobrym rozwiązaniem jest logo będące jednocześnie ikoną aplikacji, dzięki czemu spełnia swoją funkcję komunikacyjną zwłaszcza, że z usługi korzysta się z pomocą telefonów komórkowych, nie zaś przeglądarki.

KLAROWNOŚĆ PROFILU DZIAŁALNOŚĆI

FUNKCJONALNOŚĆ LAYOUTU

PROJEKT LOGO

8

Page 5: Kominikacja wizualna polskich startupów

5

Zubibuwww.zubibu.comTo usługa pozwalająca sklepom internetowym w łatwy sposób utworzyć nowe kanały sprzedaży, z których korzystać można za pomocą urządzeń mobilnych tj. pozwala na błyskawiczne utworzenie mobilnego sklepu dostępnego w przeglądarkach smartfonów.

Natychmiast po otwarciu strony pojawia się infroamcja, że usługa kierowana jest do użytkowników iPhone’a oraz iPada tym samym nie ma wątpliwości, że chodzi o aplikację. Odpowiednio przygotowana i skondensowana treść sprawia, że po krótkiej chwili posiadamy wszystkie niezbędne informacje. Wystarczy, aby zainteresować potencjalnego klienta.

Dobrze dobrana kolorystyka, poprawny design, menu na właściwym miejscu, elementy dobrze poukładane i podzielone tak, aby każdy zainteresowany mógł znaleźć bardziej szczegółowe informacje,

Logo sprawia wrażenie, jakby podczas projektowania zabrakło na nie pomysłu. Owszem jest, bo jest - ale nie zachęca do zainteresowania się produktem.

KLAROWNOŚĆ PROFILU DZIAŁALNOŚĆI

FUNKCJONALNOŚĆ LAYOUTU

PROJEKT LOGO

6

Page 6: Kominikacja wizualna polskich startupów

6

Manubiahttp://manubia.plW Manubii możesz zamówić raport o dowolnym sprzedawcy na Allegro oraz eBay. Od tego momentu Manubia będzie gromadziła dane o ilości i wartości sprzedawanych przez niego produktów. Po założeniu konta tworzona jest lista sprzedawców, na których temat chcemy otrzymywać informację. Pod dodaniu sprzedawcy serwis zbiera informacje o przeprowadzonych przez niego aukcjach i w ciągu 60 min generowany jest pierwszy raport.

Prosta, logiczna konstrukcja. Intuicyjna struktura informacji sprawia, że podczas pierwszej odsłony można znaleźć wszystkie istotne treści na temat programu oraz oferowanych funkcji.

Czytelne, przejrzyste menu podzielone na dwie części. Pierwszą, zawierającą podstawowe i niezbędne informacje zamieszczone u góry strony oraz drugą, przeznaczoną dla osób bardziej zainteresowanych tematem, a tym samym - potrzebujących bardziej rozbudowanych informacji.

Logo wzorowo spełnia swoją rolę, zarówno pod względem kolorystyki, jak i pozostałych walorów komunikacyjnych.

KLAROWNOŚĆ PROFILU DZIAŁALNOŚĆI

FUNKCJONALNOŚĆ LAYOUTU

PROJEKT LOGO

9

Page 7: Kominikacja wizualna polskich startupów

7

Picadswww.picads.pl

Strona jest na przyzwoitym poziomie, niemniej jednak pewne elementy pozostają niedopracowane. Wprowadzenie jest za mało szczegółowe, a tym samym - nie wyjaśnia w pełni do czego służą poszczególne opcje. Atutem jest rzucający się w oczy obrazek pokazujący na przykładzie działanie aplikacji.

picAds to nowoczesna platforma reklamowa pozwalająca na wykorzystanie zdjęć umieszczonych na stronach WWW jako efektywnej reklamy. picAds umożliwia wydawcom intuicyjne oznaczenie zdjęć i podłączenie do nich reklam. Najechanie kursorem myszki na obrazy otwiera listę reklamowanych produktów przypominającymi te wskazane.

Strona nie zawiera dużej liczby elementów, co stanowi w tym przypadku dobre rozwiązanie, bowiem sednem projektu jest narzędzie.

Logo bardzo mało oryginalne, przez co może nie zostać zapamiętane. Atutem jest jego czytelność.

KLAROWNOŚĆ PROFILU DZIAŁALNOŚĆI

FUNKCJONALNOŚĆ LAYOUTU

PROJEKT LOGO

6

Page 8: Kominikacja wizualna polskich startupów

8

Manifohttp://pl.manifo.comManifo to kreator stron www, za pomocą którego każdy może zbudować własną stronę internetową bez programowania i całkowicie za darmo! Manifo to aplikacja dostępna online - nie trzeba nic instalować, wystarczy się zalogować.

Serwis nie wyróżnia się niczym szczególnym. Więcej informacji o usłudze można zasięgnąć dzięki zmieniarce na stronie głównej.

Strona główna jest przejrzysta i czytelna. Najważniejsze informacje jak np. rejestrowanie, zostały odpowiednio wyróżnione. Dobra kolorystyka.

Sygnet oraz czcionka odpowiednio do siebie dopasowane. W przyszłości sam sygnet będzie mógł funkcjonować samodzielnie, bez napisu, i ma prawo być rozpoznawalny.

KLAROWNOŚĆ PROFILU DZIAŁALNOŚĆI

FUNKCJONALNOŚĆ LAYOUTU

PROJEKT LOGO

8

Page 9: Kominikacja wizualna polskich startupów

9

Dymki http://dymki.com

Zbyt dużo informacji podanych w nieczytelnej formie. Znalezienie tematu, który w danym momencie jest najważniejszy wymaga czasu. Strona staje się czytelna dopiero po pewnym czasie. Odczuwalny brak slidera, który pozwalałby szybciej otrzymać kolejne informacje. Trochę za dużo elementów na raz.

Serwis pozwalający edytować oraz obrabiać zdjęcia w trybie online. Po takiej edycji z pomocą własnych zdjęć można tworzyć np. kalendarze, komiksy czy fotobooki. Każde ze zdjęć można zapisać w odpowiednim rozmiarze oraz formacie. Funkcja przydatna zwłaszcza tym, którzy korzystają z serwisów aukcyjnych

Brak przejrzystej struktury informacji, przez co ciężko odnaleźć najważniejsze treści.

Z powodu zbyt dużej ilości informacji, wokół logo pozostawiono za mało wolnej przestrzeni. Nie prezentuje się przez to najlepiej. Warto mieć również na uwadze, że logo zawierające już niebieski element nie powinno być raczej umieszczane na tle w podobnym kolorze.

KLAROWNOŚĆ PROFILU DZIAŁALNOŚĆI

FUNKCJONALNOŚĆ LAYOUTU

PROJEKT LOGO

4

Page 10: Kominikacja wizualna polskich startupów

10

Benefithttp://benefitclub.plSerwis łączący stałych klientów oraz wybrane firmy. Umożliwia zwłaszcza początkującym, małym firmom stworzenie własnego programu dla stałych klientów, jednocześnie będąc siecią firm akceptujących kartę stałego klienta BenefitClub.

Zaletą jest wyraźna, czytelna czcionka informująca czym zajmuje się serws. Niemniej jednak komunikat nie jest do samego końca jasny tj. nie informuje bezpośrednio, jaki program jest konkretnie oferowany. Dobrze skomponowany layout sugeruje, że oferta kierowana jest do firm.

Dzięki jasnym barwom oraz czytelnej nawigacji znalezienie interesujących nas treści nie stanowi najmniejszego problemu.

Logo dobrze odzwierciedla target usługi. Dopasowane zarówno do doświadczonych biznesmanów, jak i osób dopiero rozpoczynający swoją działalność.

KLAROWNOŚĆ PROFILU DZIAŁALNOŚĆI

FUNKCJONALNOŚĆ LAYOUTU

PROJEKT LOGO

8

Page 11: Kominikacja wizualna polskich startupów

11

Xerchhttp://xerch.pl

Kompozycja strony głównej nie pozostawia żadnych wątpliwości, co do typu oferowanej usługi tj. wyszukiwarki.

Często nazywany automatem zakupowym. Serwis pozwalający - z pomocą prostej wyszukiwarki - na przeszukanie serwisów e-commerce. Dzięki automatyzacji procesu wyszukiwania można oszczędzić czas, nie tracąc na jakość czy ilości wyszukiwanych ofert zakupu.

Jasne tło, kontrastowe napisy – poprawna kompozycja charakterystyczna dla wyszukiwarek.

Logo jest poprawne, choć mało ciekawe. Uniwersalne w zastosowaniu.

KLAROWNOŚĆ PROFILU DZIAŁALNOŚĆI

FUNKCJONALNOŚĆ LAYOUTU

PROJEKT LOGO

7

Page 12: Kominikacja wizualna polskich startupów

12

Klauzule niedozwolone http://klauzuleniedozwolone.plSerwis pozwalający na zanalizowanie regulaminów czy umów pod kontem klauzul niedozwolonych, które publikowane są w rejestrze prowadzonym przez Prezesa Urzędu Ochrony Konkurencji i Konsumentów. Do wyboru mamy bezpłatne badanie wstępne, zaś wśród ofert płatnych znajduje się m.in. badanie pełne, monitoring klauzul oraz badanie przez prawnika.

Podstawową zaletą jest jasny, zrozumiały komunikat. Żadną osoba odwiedzająca stronę nie będzie mieć wątpliwości co do oferowanej usługi. Duże prawdopodobieństwo, że osoby poszukujące tego typu usług skorzystają z serwisu, nie mając przy tym problemów z obsługą.

Kolory nie rażą, choć warto rozważyć kontrastowy element dla przełamania nudnego schematu. Zieleni – drugiego koloru - jest za mało. Można jej użyć do stworzenia chociażby buttona zachęcającego do korzystania z aplikacji.

Przy tak długiej nazwie, stworzenie logo w postaci napisu stanowi dobre rozwiązanie. Wadą jest natomiast, że zarówno nazwa, jak i claim wykorzystują tą samą frazę.

KLAROWNOŚĆ PROFILU DZIAŁALNOŚĆI

FUNKCJONALNOŚĆ LAYOUTU

PROJEKT LOGO

7

Page 13: Kominikacja wizualna polskich startupów

13

Lingapphttp://lingapp.com

Po otwarciu strony nie jest wiadome, do czego ona służy, ani jaki typ usług jest oferowany. Informacje na temat funkcjonalności znajdują się poza granicą widoczności dla mniejszych rozdzielczości. Nawet film, który należy włączyć samodzielnie informuje jak korzystać z aplikacji, ale nie czym ona jest.

To nowatorska aplikacja dzięki której w ciekawy sposób można doskonalić swoją znajomość języka angielskiego. Dostarczając najświeższe, anglojęzyczne newsy ze świata, tłumaczymy niezrozumiałe słowa, umożliwiamy ich gromadzenie w osobistym słowniku oraz zapamiętywanie ich w testach.

Strona przejrzysta, zbudowana w estetyczny sposób.

Logotyp jest skonstruowany poprawnie i nie rzuca się w oczy, co w tym przypadku stanowi zaletę.

KLAROWNOŚĆ PROFILU DZIAŁALNOŚĆI

FUNKCJONALNOŚĆ LAYOUTU

PROJEKT LOGO

6

Page 14: Kominikacja wizualna polskich startupów

14

PodusmowanieOgólnie - strony startupów są na plus. Jednak budową większość jest do siebie podobnych. Widać że wzorujemy się mocno na amerykańskim stylu robienia tego typu stron. Jednak to dobra droga – bo przy takim komunikacie musi być prosto, czytelnie i krótko. Trzeba też brać pod uwagę, że tak naprawdę liczy się aplikacja - program. Jeśli jest naprawdę dobry, to obroni się sam w sobie.

Dobre i złe praktyki polskich startupów

• jedno zdanie starczy, żeby wyjaśnić o co chodzi w aplikacji.• ładna wizualizacja określąjąca zarówno platformę, jak i interfejs, jest mile widziana.

• ikony – to jest najlepsza rzecz dla aplikacji.• posiadanie czegoś charakterystycznego – ważne, aby zapaść w pamięć.

• less is more – starajmy się nie przesadzać.• musi być czytelnie – niekoniecznie jasno, ale czytelnie.

• nie trzeba od razu wszystkiego wiedzieć.• nie ukrywajmy na dole strony tego, czego będą szukać użytkownicy.

• jak nie mamy pomysłu nie wymyślajmy nic nie znaczących szlaczków – lepsza będzie sama typografia.

• pamiętajmy o odpowiednim tle pod logo i tzw. obszarze ochronnym. Trzeba pozwolić się odpowiednio zaprezentować marce.

• nie przesadzajmy z ciężkimi kolorami.• nie pozwalajmy userowi szukać, gdzie trzeba wejść, aby skorzystać z aplikacji.• im mniej kroków do przejścia do contentu, tym lepiej.

KLAROWNOŚĆ PROFILU DZIAŁALNOŚĆI

FUNKCJONALNOŚĆ LAYOUTU

PROJEKT LOGO