← Zpět na portfolio

PorovnejAuto.cz:
Konec finančních pastí z autobazarů

Můj první velký full-stack projekt. Webová aplikace, která odhaluje skryté náklady ojetin a pomáhá lidem dělat ta nejdůležitější finanční rozhodnutí na základě tvrdých dat, ne jen naleštěného laku.

Jak to celé vzniklo?

Lidé si často vybírají auta jen podle pořizovací ceny. V autobazaru zaplatí půl milionu, ale už nevidí, že je konkrétní model na palivu, pojištění a drahém servisu sežere zaživa.

Chtěl jsem vytvořit nástroj, který tenhle problém vyřeší. Mým cílem bylo postavit moderní webovou aplikaci, která bude rychlá, vizuálně atraktivní a dokáže složitá automobilová data (spotřeby, poklesy hodnoty, ceny servisních prohlídek) přetavit do srozumitelných grafů a jednoduchého srovnání.

PorovnejAuto.cz není jen katalog; je to analytický nástroj navržený tak, aby chránil peněženky svých uživatelů.

Mockup PorovnejAuto.cz na MacBooku

Výzvy a vývojářská řešení

Výzva 1: Komplexní data vs. jednoduché UI

Problém: Jak uživateli ukázat desítky parametrů u dvou aut tak, aby ho to nezahltilo?

Řešení: Vytvořil jsem interaktivní „Duely“ aut s dynamickými komponenty a skleněným designem (glassmorphism), kde si uživatel může data přizpůsobit. Vyvinul jsem „TCO Wizard“ – kalkulačku životních nákladů s interaktivními slidery a vlastním SVG Donut grafem, který se plynule překresluje podle toho, jak uživatel mění svůj roční nájezd nebo dobu vlastnictví.

Výzva 2: Rozhodovací paralýza uživatelů

Problém: Spousta návštěvníků vůbec netuší, jakou značku nebo model hledá. Zná jen svůj rozpočet a velikost rodiny.

Řešení: Naprogramoval jsem „Průvodce výběrem“ – kvíz na principu Tinderu. Na pozadí běží můj vlastní skórovací algoritmus, který boduje auta v databázi na základě odpovědí a následně uživateli naservíruje tři ideální kandidáty přímo na míru.

Detail animovaného grafu a posuvníků
Mřížka aut s kartičkami a filtry

Použité technologie

React & Next.js (App Router)Tailwind CSSSupabase (PostgreSQL)VercelVlastní UI/UX Design

Živý projekt

Projekt je aktuálně živý a neustále se vyvíjí. Od prvotního nápadu až po kompletní nasazení do produkce jsem měl celý vývoj ve vlastních rukou.

Navštívit projekt: PorovnejAuto.cz ↗