Přeskočit na obsah
Zpět na portfolio
WebRealitníKalkulačkaVideoDvojjazyčně

Renta365

Filmový dvojjazyčný web pro službu garantovaného nájmu, který provede pronajímatele cestou od chaosu ke klidu až k odeslání poptávky.

Klient

Renta365

Rok

2026

Moje cena

od 55 000 Kč

Tržní cena (agentura)

od 200 000 Kč

Čistý čas práce

2 týdny

Doba u agentury

8 týdnů

renta365.cz
Hero sekce webu Renta365

0

filmových scén s video smyčkou

0

scény řízené scrollem ze šesti

0

jazykové mutace

0

řádků měřiče scrollu místo GSAP

Zadání

S čím klient přišel

Garantovaný nájem je abstraktní finanční produkt. Majitel bytu nechápe, proč by se měl vzdát části nájmu, dokud mu někdo neukáže, čeho se tím zbaví. Web musel emocionálně odvyprávět cestu od noční můry s nájemníky ke klidnému příjmu, zvládnout to dvojjazyčně, a přitom měřit každou konverzi pro placenou reklamu — aniž by cokoli měřil dřív, než návštěvník souhlasí.

Řešení

Co jsem postavil

Šest filmových scén, každá s vlastní video smyčkou na pozadí; tři z nich jsou připnuté a jejich děj řídí scroll. Připnutá scéna „chaosu“, kde se s postupujícím scrollem vynořují reálné stížnosti nájemníků jako chatové bubliny a na konci se najednou zhroutí. Kalkulačka tržního nájmu napojená na oceňovací API — návštěvník zadá lokalitu a dispozici a rovnou z výsledku odešle poptávku. Výběr balíčku se přenese do formuláře, aby volba po cestě nezmizela.

Scéna hero
Scéna garance
Scéna klidu rentiéra
Scéna chaosu

Co web umí

  • Šest filmových scén s vlastními video smyčkami, tři z nich řízené scrollem
  • Kalkulačka tržního nájmu napojená na profesionální oceňovací API
  • Interaktivní ukázka klientského portálu — mobil listuje obrazovkami podle scrollu
  • Výběr balíčku FIX / MAX / PREMIUM s překlopením do poptávky
  • Dva poptávkové formuláře s ochranou proti robotům a omezením četnosti
  • Potvrzovací e-mail klientovi a brandovaný e-mail obchodníkovi
  • Plná dvojjazyčnost CS/EN s kanonickými adresami a jazykovými alternativami
  • Měření konverzí do Google Ads, Meta i OpenAI Ads až po potvrzeném souhlasu
  • Dvojjazyčný obsah jako typovaný datový model — chybějící překlad neprojde překladem

Detaily, které dělají rozdíl

  • Scéna chaosu, kde se stížnosti nájemníků hromadí a pak se naráz zhroutí
  • Souhlas, který skutečně blokuje skripty — SDK OpenAI Ads se do stránky vůbec nevloží, dokud návštěvník nesouhlasí
  • Scroll choreografie bez GSAP — vlastní 58řádkový měřič pozice, který nikdy nespustí React re-render
  • Video na pozadí ošetřené proti pěti způsobům, jak v reálu selže — od úsporného režimu iOS po pomalou síť
  • Kalkulačka nájmu, ze které vede přímá cesta do poptávkového formuláře
  • Telefon na obrazovce, který listuje aplikací podle toho, jak návštěvník scrolluje

Technologie

Next.js 16React 19TypeScriptFramer MotionValuo APIConsent Mode v2ResendReact EmailServer ActionsVercel

Chcete něco podobného?

Řekněte mi, co potřebujete. Do 24 hodin se ozvu s návrhem řešení, cenou a termínem.

Nezávazná poptávka

Další projekty

IRIS pro Instinkt Reality a Renta365, 2026.

IRIS

Systém · 6 měsíců

Kancelář, která prodává nemovitosti i spravuje nájmy, chtěla přestat vyplňovat smlouvy ručně a párovat platby po jedné. Za půl roku z toho vznikl jeden systém — od prvního zájemce přes smlouvu a předpisy nájemného až po portál, kde se nájemník zeptá AI asistenta.

automatických testů
9 156
řádků kódu aplikace
112 162
tabulek v databázi
57
šablon smluv a dokumentů
38
Celá případovka
Porajťák pro Porajt Pub, 2026.

Porajťák

Systém · 6 týdnů

Bistro u rybníka fungovalo na papíře a v hlavě provozní. Postavil jsem jednu platformu, která obsluhuje hosta, brigádníka i účetní — a majiteli dává přehled v reálném čase odkudkoli.

obrazovek systému
37
řádků vlastního kódu
35 361
automatických testů
199
vysvětlená variabilita denní tržby
R² 0,65
Celá případovka