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”.
2
3. Privacy protector
http://privacyprotector.eu
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.
7
KLAROWNOŚĆ
PROFILU DZIAŁALNOŚĆI
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.
FUNKCJONALNOŚĆ
LAYOUTU
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ł.
PROJEKT
LOGO
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.
3
4. Save up
www.saveup.pl
Widzisz 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.
8
KLAROWNOŚĆ
PROFILU DZIAŁALNOŚĆI
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.
FUNKCJONALNOŚĆ
LAYOUTU
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.
PROJEKT
LOGO
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.
4
5. Zubibu
www.zubibu.com
To 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.
6
KLAROWNOŚĆ
PROFILU DZIAŁALNOŚĆI
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.
FUNKCJONALNOŚĆ
LAYOUTU
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,
PROJEKT
LOGO
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.
5
6. Manubia
http://manubia.pl
W 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.
9
KLAROWNOŚĆ
PROFILU DZIAŁALNOŚĆI
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.
FUNKCJONALNOŚĆ
LAYOUTU
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.
PROJEKT
LOGO
Logo wzorowo spełnia swoją rolę, zarówno pod względem kolorystyki,
jak i pozostałych walorów komunikacyjnych.
6
7. Picads
www.picads.pl
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.
6
KLAROWNOŚĆ
PROFILU DZIAŁALNOŚĆI
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.
FUNKCJONALNOŚĆ
LAYOUTU
Strona nie zawiera dużej liczby elementów, co stanowi w tym przypadku
dobre rozwiązanie, bowiem sednem projektu jest narzędzie.
PROJEKT
LOGO
Logo bardzo mało oryginalne, przez co może nie zostać zapamiętane.
Atutem jest jego czytelność.
7
8. Manifo
http://pl.manifo.com
Manifo 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ć.
8
KLAROWNOŚĆ
PROFILU DZIAŁALNOŚĆI
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.
FUNKCJONALNOŚĆ
LAYOUTU
Strona główna jest przejrzysta i czytelna. Najważniejsze informacje
jak np. rejestrowanie, zostały odpowiednio wyróżnione. Dobra kolorystyka.
PROJEKT
LOGO
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.
8
9. Dymki
http://dymki.com
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
4
KLAROWNOŚĆ
PROFILU DZIAŁALNOŚĆI
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.
FUNKCJONALNOŚĆ
LAYOUTU
Brak przejrzystej struktury informacji, przez co ciężko odnaleźć najważniejsze
treści.
PROJEKT
LOGO
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.
9
10. Benefit
http://benefitclub.pl
Serwis łą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.
8
KLAROWNOŚĆ
PROFILU DZIAŁALNOŚĆI
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.
FUNKCJONALNOŚĆ
LAYOUTU
Dzięki jasnym barwom oraz czytelnej nawigacji znalezienie interesujących
nas treści nie stanowi najmniejszego problemu.
PROJEKT
LOGO
Logo dobrze odzwierciedla target usługi. Dopasowane zarówno do doświadczonych
biznesmanów, jak i osób dopiero rozpoczynający swoją działalność.
10
11. Xerch
http://xerch.pl
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.
7
KLAROWNOŚĆ
PROFILU DZIAŁALNOŚĆI
Kompozycja strony głównej nie pozostawia żadnych wątpliwości,
co do typu oferowanej usługi tj. wyszukiwarki.
FUNKCJONALNOŚĆ
LAYOUTU
Jasne tło, kontrastowe napisy – poprawna kompozycja
charakterystyczna dla wyszukiwarek.
PROJEKT
LOGO
Logo jest poprawne, choć mało ciekawe. Uniwersalne w zastosowaniu.
11
12. Klauzule niedozwolone
http://klauzuleniedozwolone.pl
Serwis 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.
7
KLAROWNOŚĆ
PROFILU DZIAŁALNOŚĆI
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ą.
FUNKCJONALNOŚĆ
LAYOUTU
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.
PROJEKT
LOGO
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ę.
12
13. Lingapp
http://lingapp.com
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.
6
KLAROWNOŚĆ
PROFILU DZIAŁALNOŚĆI
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.
FUNKCJONALNOŚĆ
LAYOUTU
Strona przejrzysta, zbudowana w estetyczny sposób.
PROJEKT
LOGO
Logotyp jest skonstruowany poprawnie i nie rzuca się w oczy,
co w tym przypadku stanowi zaletę.
13
14. Podusmowanie
Ogó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
KLAROWNOŚĆ
PROFILU DZIAŁALNOŚĆI
• 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.
• nie trzeba od razu wszystkiego wiedzieć.
• nie ukrywajmy na dole strony tego, czego będą szukać użytkownicy.
FUNKCJONALNOŚĆ
LAYOUTU
• less is more – starajmy się nie przesadzać.
• musi być czytelnie – niekoniecznie jasno, ale czytelnie.
• 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.
PROJEKT
LOGO
• ikony – to jest najlepsza rzecz dla aplikacji.
• posiadanie czegoś charakterystycznego – ważne, aby zapaść w pamięć.
• 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.
14