Web finančního poradce s kalkulačkami

Web je jedna stránka s navigací mezi sekcemi: úvod, O mně, služby, kalkulačky, postup spolupráce v šesti krocích, reference, výzva ke konzultaci a kontakt. Služby jsou rozdělené do pěti oblastí (životní pojištění, majetkové pojištění, hypotéky a úvěry, investice a tvorba majetku, podnikatelé) a každá má vlastní detail s tématy, se kterými poradce pomáhá. Oblast pro podnikatele se dál dělí na OSVČ a firmy, na mobilu se oblasti skládají do akordeonu.

Reference zobrazují hodnocení a recenze klientů z Googlu s odkazem na profil. Kontakt obsahuje formulář, kontaktní údaje a mapu sídla z OpenStreetMap, která se aktivuje až kliknutím, aby nebránila posouvání stránky. Součástí webu jsou obchodní podmínky a zásady ochrany osobních údajů.

Návštěvník si může spočítat hypotéku, investice, důchod, pojištění, spoření a úvěr. Každá kalkulačka má posuvníky s možností zadat přesnou hodnotu, graf v knihovně Recharts a souhrn výsledku, který se přepočítává okamžitě při každé změně.

Tlačítko Nezávazná konzultace přenese výsledek i se zadanými parametry do kontaktního formuláře, takže poradce dostane poptávku s konkrétními čísly. Pojistná kalkulačka při otevření upozorní, že počítá maximální krytí všech rizik a cena běžné pojistky bude výrazně nižší, aby částka návštěvníka zbytečně neodradila.

Design jsme navrhli na míru: výchozí tmavý režim s modrým akcentem a světlý režim, který si návštěvník přepne v hlavičce a web si jeho volbu zapamatuje. Nadpisy jsou v písmu Bodoni Moda, text v Outfit, sekce se při posouvání plynule odkrývají díky Framer Motion.

Web běží na Next.js 16 a Reactu 19. Kontaktní formulář chrání Vercel BotID, vstupy se ověřují v prohlížeči i na serveru a přes SMTP odchází poradci poptávka a odesílateli potvrzení. Strukturovaná data popisují poradce jako finanční službu. Před spuštěním běžel web v režimu Připravujeme, kdy si ho klient prohlížel po zadání PIN kódu.