Web, který vás posune před konkurenci
Spousta firem má web jako „nutnost“. My ho stavíme jako nástroj.
Proč si nás
lidé vybírají
Tomáš Žatecký
Petra Pokorná
Brzdí vás zastaralý
web?
Zastaralý firemní web vás brzdí víc, než si myslíte. Přicházíte o důvěru, zákazníky i zisk – často ještě dřív, než vůbec stihnete něco nabídnout.
Zobrazit vše
Zastaralý vzhled
Design webových stránek má větší vliv, než se zdá. Většina lidí si udělá názor na firmu během pár sekund – jen podle toho, jak web vypadá.
Pokud působí zastarale nebo nedůvěryhodně, návštěvník nemá důvod zůstávat. Jednoduše odejde tam, kde to vypadá lépe.
Pomalý web
Nikdo nechce čekat. Pokud se web načítá pomalu, uživatelé odcházejí dřív, než vůbec uvidí obsah.
Každá zbytečná sekunda znamená méně návštěvníků a méně poptávek. Rychlý web naopak drží pozornost a zvyšuje šanci, že zákazník udělá další krok.
Nedůvěryhodný dojem
Web je často první kontakt s vaší firmou. A první dojem rozhoduje.
Pokud nepůsobí profesionálně, lidé se nevrací. Důvěra se ztrácí rychle – a získat ji zpět je mnohem těžší.
Nedůvěryhodný dojem
Web je často první kontakt s vaší firmou. A první dojem rozhoduje.
Pokud nepůsobí profesionálně, lidé se nevrací. Důvěra se ztrácí rychle – a získat ji zpět je mnohem těžší.
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.
Poptávkový
formulář
Vyplňte poptávkový formulář a my se Vám brzy ozveme.
Zakladatel Jan Frydrych
<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;
});