Zavřít
elegantweb.agency

Poptávkový
formulář

Vyplňte poptávkový formulář a my se Vám brzy ozveme.

Jaký je váš rozpočet?

Web, který mluví vaším jazykem

Nejde o překlad slov, ale o to, aby web fungoval na novém trhu.

Chci cenový odhad

Proč si nás
lidé vybírají

ElegantWeb.cz odvedl skvělou práci. Výsledný web je nejen vizuálně povedený, ale zároveň nám pomohl promyslet si některé věci mnohem důkladněji. Díky tomu jsme došli k výsledku, který dává smysl a návštěvníci se v něm snadno zorientují. Oceňujeme profesionální přístup, trpělivost a opravdu kvalitní výsledek.

Tomáš Žatecký - recenze

Tomáš Žatecký

Puls

Oceňuji rychlou a bezproblémovou komunikaci, profesionální přístup a hlavně ochotu poradit v každém kroku spolupráce. Vše bylo srozumitelně vysvětleno, návrhy řešení dávaly smysl a celý proces probíhal velmi příjemně a bez zbytečného stresu. Výsledek přesně odpovídá mým představám a mohu spolupráci s klidným svědomím doporučit.

Petra pokorná - recenze

Petra Pokorná

Zdravý Pohyb Trutnov

Špatný překlad
ničí důvěru

Doslovný překlad webu často působí nepřirozeně a může odradit zákazníky. Správný lokalizovaný obsah naopak zvyšuje důvěru i konverze.

Zobrazit vše
Ikonka bariéry

Ztráta významu

Doslovný překlad často mění nebo úplně ztrácí původní význam sdělení.

Výsledek je zmatený obsah, který nepůsobí profesionálně a snižuje důvěryhodnost značky.

01
Ikonka bariéry

Nekvalitní lokalizace

Každý trh má jiný styl komunikace. Co funguje v češtině, nemusí fungovat v angličtině nebo němčině.

Bez lokalizace web nepůsobí přirozeně a ztrácí výkon.

02
Ikonka bariéry

Nízká konverze

Špatně přeložený obsah neosloví cílové publikum.

Návštěvníci rychle poznají, že text není přirozený, a odcházejí ke konkurenci.

03
Ikonka bariéry

Ztracený marketingový efekt

Marketingová sdělení, slogany a CTA často při překladu ztrácí svůj účinek.

Bez správné adaptace přicházíte o výkon celé marketingové strategie.

04

Kvalitní web
= kvalitní zadání

Proto začínáme vždy krátkou schůzkou, kde si ujasníme, co má váš web skutečně přinést.

Chci nezávaznou konzultaci

Poptávkový
formulář

Vyplňte poptávkový formulář a my se Vám brzy ozveme.

Jan FrydrychZakladatel
Jan Frydrych
Jaký je váš rozpočet?
<div class="hero">

  <h1 class="text">
    Web, který vás posune před konkurenci
  </h1>

  <div class="spotlight"></div>

</div>
.hero{
  position: relative;
}

/* TEXT = obrázek jen v textu */
.text{
  position: relative;
  font-weight: 900;
  text-align: center;
  z-index: 2;
  font-size: clamp(4.4rem, 2.765rem + 4.81vw, 12rem);

  background-image: url("https://elegantweb.agency/wp-content/uploads/2025/12/mockup-elegantweb.webp");
  background-size: cover;
  background-position: center;

  -webkit-background-clip: text;
  background-clip: text;

  -webkit-text-fill-color: transparent;
}

/* SPOTLIGHT VRSTVA (ODHALUJE ZBYTEK OBRÁZKU) */
.spotlight{
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;

  background-image: url("https://elegantweb.agency/wp-content/uploads/2025/12/mockup-elegantweb.webp");
  background-size: cover;
  background-position: center;

  /* default = nic neukazuje */
  -webkit-mask-image: radial-gradient(circle 0px at 50% 50%, black 0%, transparent 100%);
  mask-image: radial-gradient(circle 0px at 50% 50%, black 0%, transparent 100%);

  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}
document.addEventListener('mousemove', (e) => {

  const hero = document.querySelector('.hero');
  const spotlight = document.querySelector('.spotlight');

  if (!hero || !spotlight) return;

  const rect = hero.getBoundingClientRect();

  const x = e.clientX - rect.left;
  const y = e.clientY - rect.top;

  const size = 180;

  const mask = `radial-gradient(circle ${size}px at ${x}px ${y}px,
    black 0%,
    black 40%,
    transparent 100%)`;

  spotlight.style.webkitMaskImage = mask;
  spotlight.style.maskImage = mask;
});