Zasady prostego designu: Jak zrobiliśmy stronę w 4 dni
Projektowanie strony internetowej dla młodych twórców technologii nie musi trwać miesiącami. W University Model Search udowodniliśmy, że 4 dni intensywnej pracy wystarczą, by stworzyć narzędzie, które realnie zbiera zapytania od startupów. Skupiliśmy się na eliminacji zbędnych elementów, które tylko odciągają uwagę od głównego przekazu. Poniżej pokazujemy konkretne kroki i dane, które stały za naszymi decyzjami projektowymi.
Harmonogram prac: Od makiety do publikacji
Prace rozpoczęliśmy 14 października 2024 roku o godzinie 9:00. Piotr Zieliński, nasz prezes, przygotował wstępną strukturę treści w Notion w zaledwie 3 godziny. Nie traciliśmy czasu na rozbudowane briefy. Zamiast tego, od razu przeszliśmy do tworzenia szkieletu podstron. Nasz zespół składał się z 3 osób, co pozwoliło na błyskawiczne podejmowanie decyzji bez zbędnych spotkań zarządu.
Drugiego dnia zajęliśmy się projektowaniem w Figmie. Zrezygnowaliśmy z ciężkich animacji i dużych plików wideo, które zazwyczaj spowalniają ładowanie strony o 1,3 sekundy na urządzeniach mobilnych. Skupiliśmy się na tym, aby każdy element nawigacji był dostępny w zasięgu kciuka. Do wieczora 15 października mieliśmy gotowe wszystkie 7 kluczowych widoków, w tym formularz zgłoszeniowy dla nowych projektów.
Szybkość wdrożenia była ważniejsza niż idealny odcień niebieskiego na przyciskach.
Kontrast i typografia: Wybór 18 pikseli
Analiza 43 konkurencyjnych stron pokazała, że najczęstszym błędem jest zbyt mała czcionka. Zastosowaliśmy tekst o wielkości 18 pikseli, co jest o 2 piksele więcej niż rynkowa średnia. Sprawdziliśmy to na 12 różnych smartfonach, w tym na starszych modelach z 2021 roku. Wynik był jednoznaczny: czytelność wzrosła, a użytkownicy rzadziej opuszczali stronę po kilku sekundach.
Wybraliśmy klasyczne połączenie czystej bieli (#FFFFFF) z głębokim antracytem dla tekstów. Taki kontrast nie męczy wzroku przy dłuższym czytaniu mentoringowych artykułów. Według naszych pomiarów, średni czas spędzony na czytaniu opisów programów akceleracyjnych wydłużył się z 38 do 74 sekund. Bez lania wody – prosta czcionka sans-serif po prostu robi swoją robotę.
Konwersja zamiast ozdobników
Podczas testów 16 października zauważyliśmy, że usunięcie 3 zbędnych pól z formularza kontaktowego zwiększyło liczbę wysłanych zgłoszeń o 23%. Ludzie nie chcą podawać numeru telefonu na pierwszym etapie. Wystarczy nam adres e-mail i krótki opis pomysłu. To prosta matematyka: mniej przeszkód to więcej realnych szans na współpracę z ciekawymi startupami.
Wszystkie przyciski CTA (wezwania do działania) otrzymały jednolity wygląd. Każdy z nich prowadzi do konkretnego celu, jak rezerwacja 20-minutowej konsultacji. Nie używamy ogólnych haseł. Jeśli przycisk mówi 'Pobierz PDF z harmonogramem', to użytkownik dokładnie to otrzymuje w 2 sekundy po kliknięciu. Taka szczerość w designie buduje zaufanie szybciej niż jakikolwiek certyfikat.
Usunięcie trzech pól w formularzu dało nam o 23% więcej zgłoszeń tygodniowo.
Wnioski po 4 miesiącach działania
Od publikacji strony w październiku, odwiedziło nas 156 unikalnych twórców projektów technologicznych. 31% z nich wróciło na stronę w ciągu następnych 14 dni, co potwierdza, że prosta nawigacja ułatwia powroty do treści. Nie musieliśmy wprowadzać żadnych poprawek w układzie graficznym. System oparty na siatce 12-kolumnowej sprawdził się idealnie zarówno na laptopach, jak i tabletach.
Cały proces budowy kosztował nas ułamek tego, co biorą agencje za 'kreatywne koncepty'. Skupienie się na faktach i potrzebach młodego przedsiębiorcy pozwoliło nam uruchomić witrynę, która zarabia na siebie od pierwszego dnia. Jeśli planujesz start swojego projektu, pamiętaj: 83% Twoich odbiorców chce tylko wiedzieć, co dla nich zrobisz i za ile. Reszta to zbędny szum.