← Wszystkie prace

SaaSInspector.
Powstał, bo porównanie oprogramowania oznaczało piętnaście kart w przeglądarce.

Katalog narzędzi SaaS z rankingiem według oceny w każdej kategorii. Zestaw do pięciu obok siebie, a różnice zobaczysz na jednym ekranie, w tych samych wierszach i w tej samej kolejności.

Rola
Jedyny inżynier
Strona na żywo
saasinspector.com ↗
Zbudowany do
Porównań obok siebie
Status
Na produkcji
SaaSInspector, strona z najlepszymi darmowymi narzędziami AI

saasinspector.com · najlepsze darmowe narzędzia AIFig. 01

Dlaczego powstał01

Lubię to. Testowanie nowego oprogramowania dla firmy robię bez przerwy, a AI zamieniło to z okazjonalnego popołudnia w cotygodniowe zajęcie. Połowa z tego, o czym czytam, nigdy nie trafia do użycia, ale wiedza o tym, co jest dostępne, to ta część pracy, która sama się zwraca.

Katalogów nie brakuje. Brakuje porównania, które odpowiada na pytanie, jakie faktycznie się ma. Kiedy chcesz wiedzieć, czym dwa narzędzia różnią się w jednej konkretnej rzeczy, w progach cenowych, integracjach, limitach eksportu czy obsługiwanych językach, kończysz z kilkunastoma kartami, czytając dwie strony marketingowe napisane właśnie po to, żeby takiego porównania uniknąć, i zgadujesz.

SaaSInspector jest zbudowany odwrotnie. Porównanie jest produktem, a recenzje leżą pod nim, więc odpowiedź przychodzi jako różnica, którą widać, a nie jako dwie strony, które trzeba jednocześnie utrzymać w głowie.

Co robi02

Rankingi i porównanie obok siebie.

Każda kategoria ma własny ranking, oparty na kryteriach napisanych dla tej kategorii, więc narzędzie do wideo jest oceniane po tym, co narzędzie do wideo musi robić dobrze.

Zestaw do pięciu narzędzi obok siebie, a ustawią się kolumna po kolumnie, z tymi samymi polami w tej samej kolejności, łącznie z tymi, na które producent nie daje odpowiedzi. Wokół tego jest wyszukiwarka obejmująca cały katalog, zapisane ulubione, strony kategorii i sekcja z newsami z branży.

Wypróbuj porównanie ↗
Jak czytać ocenę03

Ocena w skali do dziesięciu i to, na czym się opiera.

Oceny wchodzą po jednej kategorii naraz. Każde narzędzie dostaje notę w skali do dziesięciu według kryteriów napisanych dla jego kategorii, a jego karta pokazuje miejsce w tej kategorii, kryterium, w którym wypada najlepiej, i to, w którym wypada najsłabiej.

Obok każdej oceny widać, jaka jej część opiera się na faktach opublikowanych przez producenta, oraz datę ich sprawdzenia. Ocena zbudowana na 79 procentach faktów mówi to wprost, zamiast wyglądać tak samo jak ocena zbudowana na wszystkich. Czytelnicy mogą teraz wystawić własną ocenę przy każdej recenzji.

Na telefonie04

Zbudowany z myślą o telefonach.

Każda strona działa na telefonie. Porównanie obejmuje do pięciu narzędzi, na telefonie i na komputerze. Jest tryb jasny i ciemny, przełączany w nagłówku.

SaaSInspector na telefonie

saasinspector.com na telefonieFig. 02

Zbudowane z05

Front end

Next.js 15 · App Router
React 19 · TypeScript 5.7
Tailwind CSS 4

Dane

Supabase · Postgres
Indeks wyszukiwania po stronie klienta
Ustrukturyzowany schemat narzędzi

Wdrożenie

Vercel
Server components
Motyw jasny i ciemny

Struktura

Kryteria per kategoria
Zestawy porównawcze
Strony kategorii i newsów

Powstały też: rozszerzenie do Chrome i wewnętrzny panel, którego nie widzi nikt poza mną.