Jak dlouho typicky trvá projekt?

Záleží na rozsahu, ale většina projektů zabere 4-8 týdnů od startu po spuštění. Během úvodní konzultace vám dám detailní harmonogram, aby vás nic nepřekvapilo.

Kolik projekt stojí?

Každý projekt je unikátní, takže poskytuji individuální cenové nabídky na základě vašich konkrétních potřeb. Vždy jsem otevřený ohledně nákladů a rád s vámi najdu řešení, které se vejde do vašeho rozpočtu bez kompromisů na kvalitě.

Spolupracujete i s klienty ze zahraničí?

Samozřejmě! Spolupracuji s klienty po celém světě. Moderní nástroje dělají vzdálenou spolupráci bezproblémovou — budete mít pocit, že sedíme ve stejné místnosti.

Co když budu potřebovat změny po dokončení projektu?

Nabízím průběžnou údržbu a podporu. Drobné úpravy jsou často součástí původního rozsahu projektu a u větších aktualizací společně probereme nejlepší postup.

Můžete pracovat s mými stávajícími brand guidelines?

Samozřejmě. Skvěle pracuji v rámci zavedených brandových systémů a zároveň přináším svěží nápady a kreativní řešení.

Jaké technologie používáte?

Primárně pracuji s Next.js, React, TypeScript a Tailwind CSS pro vývoj webu, spolu s Figma pro design. Ale vybírám správné nástroje pro každý projekt — technologie by měla sloužit cíli, ne naopak.

🎨

UI Knihovna

Kolekce nádherných, znovupoužitelných React komponent a CSS fragmentů vytvořená pomocí Tailwind CSS a Framer Motion.

Drobečková navigace

Navigační stopa zobrazující aktuální umístění stránky v hierarchii.

Oddělovač lomítkem

Breadcrumb.tsxLanguage: tsx

import Link from 'next/link';

export function SlashBreadcrumb() {
  return (
    <nav className="flex" aria-label="Breadcrumb">
      <ol className="flex items-center space-x-2 sm:space-x-3 text-sm font-medium">
        <li>
          <Link href="#" className="text-muted hover:text-foreground transition-colors">
            Home
          </Link>
        </li>
        <li className="text-muted/50">/</li>
        <li>
          <Link href="#" className="text-muted hover:text-foreground transition-colors">
            Products
          </Link>
        </li>
        <li className="text-muted/50">/</li>
        <li aria-current="page" className="text-foreground">
          Shoes
        </li>
      </ol>
    </nav>
  );
}

Oddělovač šipkou

Breadcrumb.tsxLanguage: tsx

import Link from 'next/link';

export function ChevronBreadcrumb() {
  return (
    <nav className="flex px-5 py-3 text-sm font-medium text-foreground bg-surface border border-border rounded-xl w-max" aria-label="Breadcrumb">
      <ol className="flex items-center space-x-2">
        <li>
          <Link href="#" className="flex items-center text-muted hover:text-accent transition-colors">
            <svg className="w-4 h-4 mr-2" fill="currentColor" viewBox="0 0 20 20">
              <path d="M10.707 2.293a1 1 0 00-1.414 0l-7 7a1 1 0 001.414 1.414L4 10.414V17a1 1 0 001 1h2a1 1 0 001-1v-2a1 1 0 011-1h2a1 1 0 011 1v2a1 1 0 001 1h2a1 1 0 001-1v-6.586l.293.293a1 1 0 001.414-1.414l-7-7z"></path>
            </svg>
            Home
          </Link>
        </li>
        <li>
          <div className="flex items-center">
            <svg className="w-5 h-5 text-muted/50" fill="currentColor" viewBox="0 0 20 20">
              <path fillRule="evenodd" d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z" clipRule="evenodd"></path>
            </svg>
            <Link href="#" className="ml-2 pr-1 text-muted hover:text-accent transition-colors">Projects</Link>
          </div>
        </li>
        <li aria-current="page">
          <div className="flex items-center">
            <svg className="w-5 h-5 text-muted/50" fill="currentColor" viewBox="0 0 20 20">
              <path fillRule="evenodd" d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z" clipRule="evenodd"></path>
            </svg>
            <span className="ml-2 font-bold text-foreground">Dashboard</span>
          </div>
        </li>
      </ol>
    </nav>
  );
}