Reference

TOMA, a.s.Správa areálů a nemovitostí2026

Dům se 44 byty, který se pronajme na webu a spravuje v telefonu

Baťovský dům z roku 1938 dostal ve dvou patrech 44 nových bytů k pronájmu. Web je nabídne: byt se vybírá kliknutím do schématu patra, každý má vlastní stránku a žádost odejde rovnou z ní. Po podpisu smlouvy přebírá portál Můj byt: závady s fotkou z telefonu, nástěnka domu s potvrzením, že se oznámení dostalo ke každému, a to celé ve třech jazycích. Web je hotový a čeká na dokončení domu.

RozsahWeb na míruAplikace na míruSpráva a rozvoj
  • 44

    bytů, každý s vlastní stránkou

    Pět typů od garsoniéry o 21,8 m² po 2+kk s galerií, ve dvou patrech

    Projektová dokumentace a web, 31. 10. 2026

  • 3

    jazyky webu, portálu i e-mailů

    Čeština, angličtina a ukrajinština. Jazyk e-mailů si volí každý nájemník

    Zdrojový kód, 31. 10. 2026

  • 5

    stavů závady, které nájemník vidí

    Přijato, řeší se, čeká na řemeslníka, opraveno, uzavřeno. Každá změna mu přijde e-mailem

    Zdrojový kód, 31. 10. 2026

  • 0

    cizích domén, ze kterých se něco načítá

    Ani mapa, ani písmo. Proto web nepotřebuje lištu se souhlasem

    Zadání a zdrojový kód, 31. 10. 2026

  • Web se nám moc líbí. Nejvíc interaktivní schéma pater, kde zájemce klikne na byt a hned vidí, co ho zajímá, a administrace, ve které si pronájmy vedeme sami.
    Ing. Jan Řehořekředitel odboru správy majetku, TOMA, a.s.
Přehled funkcí
  • Byt se vybírá kliknutím do patra
  • Každý ze 44 bytů má vlastní stránku
  • Žádost o pronájem i o prohlídku, klidně na víc bytů
  • Portál nájemníků Můj byt
  • Závada nahlášená za minutu, i s fotkou z telefonu
  • Tři jazyky od prvního dne
  • Administrace pro správu domu
  • Doklad, že se oznámení dostalo ke každému
  • Konec nájmu ukončí přístup sám
  • Hlídání volného bytu
  • Ceny se zveřejní jedním přepnutím
  • Mapa okolí bez cizí domény
  • Vyhledávače až po schválení
  • Stránka pro firmy, které potřebují ubytovat zaměstnance
  • Diskuse sousedů s moderací, která se nezahltí
  • Ranní přehled pro správu

Celý přehled funkcí

Dům čtyřka v Otrokovicích je baťovský železobetonový skelet z roku 1938. V přízemí zůstává zdravotnické středisko, druhé a třetí patro se přestavěla na 44 bytů kolem centrální chodby s výtahem: od garsoniéry o necelých 22 metrech po 2+kk s galerií a přes 82 metry užitné plochy. Nová okna, zateplení, lodžie u každého bytu. Byty se jen pronajímají, neprodávají.

Zadání znělo jako běžný realitní web: prezentace postavená na fotkách, katalog bytů, žádosti zájemců, stránka o domě a administrace se žádostmi a návštěvností. Jenže 44 bytů neznamená 44 obchodů a konec. Znamená 44 domácností, které budou hlásit kapající kohoutek, potřebovat vědět o odstávce vody a ptát se, kdy přijde řemeslník.

A správa domu to bez nástroje řeší telefonem, e-mailem a papírkem. Totéž hlásí pět lidí, oznámení na chodbě nevidí ten, kdo jede na směnu, a když se při revizi nedá dostat do bytu, není doklad, že nájemník věděl. Část nájemníků navíc budou zaměstnanci firem z okolí, kteří česky nemluví.

Dvě půlky jednoho webu. První pronajímá: schéma patra, katalog, žádost. Druhá spravuje: portál nájemníků Můj byt. Obě sdílejí jednu databázi bytů, takže byt, který se v administraci označí jako pronajatý, má rovnou i nájemníka s přístupem do portálu.

Vzhled podle budovy, ne podle šablony. Bílý betonový skelet a cihlové výplně: tenké linky přes plochy, obdélníková pole bez zaoblení a stínů, čísla bytů velkým písmem jako na štítcích v Baťově Zlíně. Barvy jsou vzaté z fotek domu, zelená zůstala volným bytům.

Telefon první. Nájemník bude hlásit závadu s mobilem v ruce u toho, co se rozbilo. Fotka přímo z fotoaparátu, velká tlačítka, žádné tabulky. Na každé stránce hlášení je nahoře telefon pro havárie, protože webový formulář ve dvě ráno nikdo nečte.

Nic se neslibuje dřív, než to platí. Plochy z projektové dokumentace čekají na potvrzení a ceny na rozhodnutí klienta. Web proto ukazuje „ceny zveřejníme brzy“ a zůstává mimo vyhledávače, dokud to neplatí.

Web běží na Next.js nad vlastní databází PostgreSQL, v Dockeru za Caddy. Je postavený na mém jádru pro klientské weby, takže administrace, přihlašování, e-maily a statistiky nevznikaly od nuly a čas zbyl na portál. Nenačítá se nic z cizí domény, ani mapa: ta je vlastní kresba z dat OpenStreetMap.

Byty jako data. Dispozice všech 44 bytů jsou v kódu, protože zdi se nemění. Stav, nájem, zálohy a datum uvolnění jsou v databázi, protože ty se mění pořád. Ze stejných dat se kreslí schéma patra, seznam s filtrem, detail bytu i výběr bytu v žádosti.

Portál nájemníků má vlastní účty a vlastní adresu, oddělené od administrace. Účet vzniká jen pozvánkou z karty bytu, nájemník si nastaví heslo sám a přístup trvá, dokud běží nájem. Spolubydlící, nejvýš čtyři v bytě, si zve sám.

Nástěnka umí oznámení pro celý dům, vybraná patra nebo vybrané byty. Důležitá oznámení odejdou e-mailem všem bez ohledu na jejich nastavení a nájemníci je potvrzují. Odstávka nebo revize se den předem a v ten den ukáže nahoře v pruhu „Teď v domě“.

Závady mají vlastní frontu se stavy, termínem opravy a interní poznámkou pro správu a údržbu. Údržbář má svou roli a vidí jen závady, k nájemníkům ani k žádostem zájemců se nedostane. U závad ve společných prostorách se ostatní jen přidají přes „týká se i mě“, takže totéž nehlásí pět lidí.

Web je hotový, dům zatím ne. Prezentace, katalog 44 bytů, žádosti, stránka pro firmy i celý portál nájemníků běží na produkci. Veřejně se ale ještě nespustil: dům se dokončuje a čeká se na data od klienta, potvrzené plochy a ceny. Do té doby je web na dočasné adrese a mimo vyhledávače.

Klient je spokojený. Nejvíc chválí interaktivní schéma pater a bytů, ve kterém si zájemce byt vybere kliknutím, a administraci pronájmů, ve které si žádosti a stav bytů vede sám, bez prostředníka.

Poznámka na rovinu: o obsazenosti ani o tom, kolik žádostí web přinese, se dnes nedá tvrdit nic. Doplní se sem, až dům poběží.

Jádro zadání

7 funkcí

Co klient chtěl a bez čeho by web nefungoval

  • Byt se vybírá kliknutím do patra

    Obě patra jsou nakreslená jako schéma: výtah, schodiště, chodba, strana do zeleně a strana nad parkovištěm. Cihlová barva je volný byt. Kliknutím se otevře jeho detail.

    Technická poznámka

    Schéma je nakreslené ve vektorech, ne vyfocený výkres. Jen tak může každý byt nést svůj stav a odkaz a zůstat čitelný na telefonu.

  • Každý ze 44 bytů má vlastní stránku

    Půdorys, tabulka místností s plochami, poloha v patře, fotky typu bytu, nájem a zálohy. Žádost odejde přímo z detailu, předvyplněná tím bytem.

  • Žádost o pronájem i o prohlídku, klidně na víc bytů

    Zájemce vybere jeden nebo víc bytů a pošle žádost. Správa ji vidí v administraci, odpovídá z ní a mění stav bytu na rezervovaný nebo pronajatý.

  • Portál nájemníků Můj byt

    Po podpisu smlouvy dostane nájemník pozvánku. V portálu hlásí závady s fotkou, čte nástěnku domu, píše správě a najde dokumenty ke svému bytu. Spolubydlící si pozve sám.

    Technická poznámka

    Účty vznikají jen pozvánkou, ne volnou registrací. Seznam nájemníků zná správa a ověřování, kdo je kdo, by stejně skončilo u ní.

  • Závada nahlášená za minutu, i s fotkou z telefonu

    Nájemník vybere místo, popíše závadu, přiloží fotku a řekne, kdy je doma. Každou změnu stavu dostane e-mailem. Po opravě ji potvrdí a ohodnotí, nebo znovu otevře.

    Technická poznámka

    Na každé stránce hlášení je nahoře telefon pro havárie. Webový formulář nikdo nečte ve dvě ráno a portál, který by předstíral opak, by byl nebezpečný.

  • Tři jazyky od prvního dne

    Web, portál i e-maily česky, anglicky a ukrajinsky. Část nájemníků budou zaměstnanci firem z okolí, kteří česky nemluví, a odstávka vody se jich týká stejně.

  • Administrace pro správu domu

    Žádosti, byty se stavem, nájmem a datem uvolnění, nájemníci, nástěnka, diskuse, zprávy, dokumenty, závady a návštěvnost. Čísla u položek menu ukazují, co čeká.

Vychytávky

6 funkcí

Detaily, které nikdo nezadal a dělají rozdíl

  • Doklad, že se oznámení dostalo ke každému

    U důležitých oznámení, jako je odstávka nebo revize se vstupem do bytu, potvrzuje nájemník „Beru na vědomí“. Správa vidí, kdo potvrdil, a ostatním jedním tlačítkem připomene.

    Technická poznámka

    Papír na chodbě nevidí ten, kdo jede na směnu, a hlavně po něm nezůstane doklad. U revize, kvůli které se musí do bytu, je to rozdíl mezi „nevěděl jsem“ a záznamem s časem.

  • Konec nájmu ukončí přístup sám

    Účet patří osobě, přístup bytu. Po posledním dni nájmu se nájemník do portálu nedostane a přestanou mu chodit e-maily, aniž by na to správa musela myslet.

  • Hlídání volného bytu

    Kdo nenašel volný byt, jaký chtěl, nechá si poslat e-mail, až se uvolní. Správa tak má frontu zájemců dřív, než byt vůbec inzeruje.

    Technická poznámka

    Odkaz na odhlášení v e-mailu jen otevře stránku a zruší až tlačítko. Poštovní programy odkazy předem otevírají a jinak by hlídání rušily samy.

  • Ceny se zveřejní jedním přepnutím

    Nájem a zálohy jsou u každého bytu v administraci. Dokud je klient nezveřejní, web ukáže „ceny zveřejníme brzy“, ne prázdné pole ani vymyšlenou částku.

  • Mapa okolí bez cizí domény

    Mapa na stránce Lokalita je vlastní kresba z dat OpenStreetMap v barvách webu, světlá i tmavá. U bodů z okolí je vzdálenost a čas pěšky.

    Technická poznámka

    Vložená mapa od Googlu nebo Seznamu by načítala cizí skripty a chtěla souhlas s cookies. Kresba je jeden soubor, který se stáhne jako obrázek.

  • Vyhledávače až po schválení

    Plochy z projektové dokumentace čekají na potvrzení a ceny na rozhodnutí klienta. Dokud to neplatí, je indexace vypnutá: neověřené číslo ve výsledcích hledání se stahuje hůř než ze stránky.

Bonusy nad rámec

3 funkce

Práce navíc, která se nepočítala

  • Stránka pro firmy, které potřebují ubytovat zaměstnance

    Firmy z průmyslového areálu v docházkové vzdálenosti si můžou pronajmout víc bytů najednou, na jednu smlouvu a jednu fakturu. Mají vlastní stránku a vlastní druh žádosti.

  • Diskuse sousedů s moderací, která se nezahltí

    Vlákna podle témat. Příspěvek, který nahlásí tři různí lidé, se skryje sám a rozhodnutí je pak na správě. Správa může vlákno zavřít, přesunout nebo dát dočasný zákaz psaní.

  • Ranní přehled pro správu

    Každé ráno e-mail s tím, co čeká: nové závady, nepřečtené zprávy, dotazy bez odpovědi, nahlášené příspěvky. Nájemník si sám vybere, jestli chce e-maily hned, denně, nebo týdně.

  • Next.js

    Web, administrace i portál nájemníků jsou jedna aplikace se třemi oddělenými vstupy. Chyba v portálu nesmí otevřít cestu do administrace, proto má nájemník vlastní tabulku účtů i vlastní cookie.

  • React

    Schéma patra, ve kterém se byt vybírá kliknutím, a hlášení závady s fotkou přímo z fotoaparátu. Zbytek stránky se skládá na serveru a do prohlížeče jde jen to, co je opravdu interaktivní.

  • TypeScript

    Dispozice 44 bytů jsou data v kódu a stav nájmu v databázi. Typy hlídají, aby se ty dvě půlky nerozešly: byt, který v kódu není, nejde v administraci pronajmout.

  • Tailwind CSS

    Vzhled podle fasády domu: tenké linky skeletu, obdélníková pole bez zaoblení a stínů, barvy vzaté z fotek. Světlý i tmavý režim z jedné sady tokenů.

  • PostgreSQL

    Žádosti zájemců, nájmy s datem od a do, závady s historií stavů, oznámení s evidencí, kdo je potvrdil. Vlastní databáze webu, ne sdílená s jiným projektem.

  • Prisma

    Datový model nájemníka: účet patří osobě, přístup bytu. Konec nájmu ukončí přístup sám, správa na nic myslet nemusí.

  • Docker a Caddy

    Aplikace a databáze v uzavřené síti, ven vede jen Caddy. Přechod na doménu klienta je výměna jednoho souboru, staré odkazy z odeslaných e-mailů trvale přesměrují.

  • ctyrka.safetyfrog.cz
    Úvodní stránka webu Čtyřka s fotkou domu a čísly o bytech
    Úvodní stránka: dům z roku 1938 a hned pod ním čísla, která zájemce zajímají
  • Schéma 2. a 3. patra se 44 byty, volné cihlovou barvou
    Schéma obou pater: cihlová je volný byt, kliknutím se otevře jeho detail
  • Detail bytu 2A s galerií: stav, plochy a fotky
    Detail bytu: stav, plochy, fotky typu a žádost rovnou z této stránky
  • Pět typů bytů s fotkami a plochami
    Pět typů bytů s fotkami, plochou a počtem volných
  • Mapa okolí domu se seznamem míst a vzdáleností pěšky
    Mapa okolí jako vlastní kresba z OpenStreetMap, bez cizí domény
  • Úvodní stránka webu Čtyřka na mobilu
    Na mobilu jsou tlačítka Vybrat byt a Domluvit prohlídku hned pod fotkou
Co se dodalo
Web na míru, Aplikace na míru, Správa a rozvoj
Web běží od
2026
  • 44bytů, každý s vlastní stránkou
  • 3jazyky webu, portálu i e-mailů
  • 5stavů závady, které nájemník vidí
  • 0cizích domén, ze kterých se něco načítá

Potřebujete něco podobného

Napište nám, co řešíte. Ozveme se do jednoho pracovního dne a řekneme rovnou, jestli to umíme a co to bude stát.