AstroKom
Serwis komputerowy z Białegostoku, który zlecenia zdobywa na OLX. Jedna strona, której zadaniem jest przekonać człowieka z ogłoszenia, że po drugiej stronie numeru siedzi ktoś prawdziwy.
PageSpeed Insights · widok desktop
Problem
AstroKom to serwis komputerowy przy ulicy Astronautów w Białymstoku. Naprawy, instalacje, składanie komputerów, wymiana podzespołów. Zlecenia przychodzą prawie w całości z OLX i to działa, tylko ma jeden słaby punkt.
Ogłoszenie na portalu wygląda dokładnie tak samo jak setka innych. Ten sam szablon, to samo tło, ta sama ramka. Człowiek, który ma oddać komuś obcemu komputer z całym swoim życiem w środku, ma w tym miejscu jedno pytanie: kim ty właściwie jesteś i czy istniejesz poza tym ogłoszeniem.
Strona miała być odpowiedzią na to pytanie. Nie katalogiem, nie portfolio, nie blogiem. Jednym adresem wklejanym pod ogłoszenie, który w piętnaście sekund domyka temat wiarygodności i podaje numer telefonu.
Klient pozyskuje zlecenia głównie z OLX i potrzebował czytelnej wizytówki online, do której mógłby odsyłać ludzi z ogłoszeń, żeby uwiarygodnić swoje usługi.
Brief, w jednym zdaniuPrzewiń
Ekran obok przewija się razem z tekstem. Czytasz o sekcji, a strona sama do niej dojeżdża.
Jedno słowo „Komputery", pod nim zdanie o naprawie, składaniu i przyspieszaniu sprzętu w Białymstoku, a niżej logo firmy. Ktoś, kto przyszedł z ogłoszenia, od razu widzi, że trafił tam, gdzie chciał, a nie na przypadkową stronę.
Czerwony pasek nawigacji przykleja się do góry ekranu i wozi ze sobą telefon w formie przycisku. Na telefonie jedno tapnięcie uruchamia połączenie. Nie ma znaczenia, w którym miejscu strony ktoś się zdecyduje, bo numer jest zawsze pod ręką.
Siedem punktów z ptaszkami, od instalacji Windowsa po drukowanie dokumentów A4. Człowiek z zepsutym laptopem skanuje listę wzrokiem i szuka swojego przypadku. Opisowy akapit o wieloletnim doświadczeniu przegrywa z listą w każdym teście.
Wycena przed naprawą, brak wciskania niepotrzebnych usług, lokalizacja w mieście. Zaraz pod tym tabele z cenami: instalacja systemu 120 zł, czyszczenie 40 zł, druk 15 groszy za kartkę. Kwota na stronie zdejmuje najczęstszy powód, dla którego ktoś nie dzwoni.
Sedno projektu
Ruch z ogłoszenia nie przyszedł oglądać animacji. Przyszedł sprawdzić, czy to jego przypadek i ile to będzie kosztować.
Większość stron małych usługodawców rozbija się o to samo: mówią o sobie zamiast o kliencie i unikają liczb. „Wieloletnie doświadczenie", „profesjonalna obsługa", „zapraszamy do kontaktu". Człowiek czyta to i dalej nie wie, czy naprawiają jego model i czy stać go na naprawę.
Dlatego trzon tej strony to dwa bloki, które mówią wprost. Lista usług napisana od strony problemu, z którym ktoś przychodzi, i otwarty cennik z konkretnymi kwotami, rozbity na cztery kategorie: system i oprogramowanie, sprzęt, konserwacja, dodatkowe.
Publikowanie cen jest w tej branży niepopularne, bo odbiera pole do manewru przy wycenie. Tu zadziałało odwrotnie. Kwota od razu odsiewa ludzi, którzy i tak by nie zostali, a tych, którzy dzwonią, ustawia od pierwszego zdania w konkretnej rozmowie zamiast w negocjacji.
Z bliska
System
Klient przyszedł z konkretną estetyką w głowie. Zadaniem nie było jej zmieniać, tylko zrobić ją porządnie.
Trzy kolory i jedna zasada: czerwień dostaje tylko to, co ma zostać kliknięte albo zapamiętane. Numer telefonu, ptaszki przy usługach i kwoty w cenniku. Reszta jest szara, więc oko samo idzie tam, gdzie trzeba.
Jeden krój w trzech grubościach. Przy stronie, która ma wyglądać na rzemieślniczą, a nie agencyjną, mniej wyborów typograficznych znaczy mniej okazji, żeby wyszło pretensjonalnie.
Warsztat
Jedna strona nie potrzebuje bazy danych ani panelu. HTML, CSS i odrobina JavaScriptu, więc nie ma czego aktualizować i nie ma czego zhakować.
Numer występuje w pasku, w ciemnym pasie na dole i w sekcji kontaktowej. Każde wystąpienie to link tel:, więc na telefonie dzwoni się jednym tapnięciem.
Ceny siedzą w kodzie jako zwykłe wiersze. Zmiana kwoty czy dopisanie usługi to jedna linijka, a nie nowy plik graficzny robiony od zera.
Adres, godziny otwarcia i numer telefonu zapisane tak, żeby Google odczytał je jako dane firmy, a nie jako zwykły tekst na dole strony.
Jedno zdjęcie w nagłówku, ikony rysowane wektorowo, zero bibliotek z zewnątrz. Strona ma się otworzyć zanim ktoś zdąży wrócić do zakładki z ogłoszeniem.
OLX ogląda się na telefonie, więc link ze strony ogłoszenia też otwiera się na telefonie. Ten widok był projektowany pierwszy, nie dorabiany na końcu.
Telefon i szybkość
Ktoś przegląda ogłoszenia w autobusie albo wieczorem na kanapie, klika link w treści i ma dwie, może trzy sekundy cierpliwości. Jeśli strona w tym czasie nie pokaże treści, wraca do listy i dzwoni do kogoś innego.
Dlatego cała strona jest jednym plikiem z jednym zdjęciem, bez suwaków, bez bibliotek animacji i bez czcionek ładowanych z pięciu źródeł. Na wąskim ekranie menu zwija się do jednego przycisku, tabele cennika przechodzą w listę, a numer telefonu zostaje na widoku.
Prosta strona ma tę przewagę, że nic w niej nie mieli. To nie jest kompromis, tylko właściwy rozmiar narzędzia do tego zadania.
Uczciwie
Ta realizacja nie jest po to, żeby wygrywać konkursy. Jest po to, żeby ktoś z zepsutym laptopem przestał się wahać i wykręcił numer. Do tego zadania prosta strona jest lepszym narzędziem niż efektowna.
Też odsyłasz ludzi z ogłoszeń?
Prosta wizytówka nie musi być projektem za kilka tysięcy. Odpowiedz na kilka pytań o swojej firmie, a odpowiem konkretną kwotą i terminem.
Wyceń projekt