{"id":2110,"date":"2026-08-20T13:46:53","date_gmt":"2026-08-20T13:46:53","guid":{"rendered":"https:\/\/www.matawi.eu\/?page_id=2110"},"modified":"2026-08-20T16:25:41","modified_gmt":"2026-08-20T16:25:41","slug":"projektowanie-www","status":"publish","type":"page","link":"https:\/\/www.matawi.eu\/de\/projektowanie-www\/","title":{"rendered":"www"},"content":{"rendered":"\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800;900&family=Space+Grotesk:wght@500;600;700&display=swap');\n:root{--ww-bg:#090a0f;--ww-surface:#11131b;--ww-white:#f7f8fb;--ww-muted:#a8acb8;--ww-line:rgba(255,255,255,.12);--ww-cyan:#1ebec8;--ww-blue:#437dc0;--ww-purple:#683695;--ww-gradient:linear-gradient(110deg,var(--ww-purple),var(--ww-blue) 52%,var(--ww-cyan))}.ww-page,.ww-page *{box-sizing:border-box}.ww-page{overflow:hidden;background:var(--ww-bg);color:var(--ww-white);font-family:\"Inter\",\"Segoe UI\",Arial,sans-serif;line-height:1.5}.ww-page a{color:inherit;text-decoration:none}.ww-page h1,.ww-page h2,.ww-page h3,.ww-page p{margin-top:0}.ww-container{width:min(1480px,calc(100% - 80px));margin-inline:auto}.ww-section{position:relative;padding:120px 0;border-top:1px solid var(--ww-line)}.ww-eyebrow{display:inline-flex;align-items:center;gap:12px;margin-bottom:26px;color:var(--ww-cyan);font-size:12px;font-weight:800;letter-spacing:.18em;text-transform:uppercase}.ww-eyebrow:before{width:34px;height:1px;background:currentColor;content:\"\"}.ww-heading{max-width:1120px;margin-bottom:0;color:var(--ww-white)!important;font-family:\"Space Grotesk\",\"Inter\",sans-serif;font-size:clamp(44px,6.5vw,96px)!important;font-weight:700!important;letter-spacing:-.055em;line-height:.96!important}.ww-heading-sm{font-size:clamp(38px,5vw,72px)!important}.ww-gradient-text{color:transparent;background:var(--ww-gradient);background-clip:text;-webkit-background-clip:text}.ww-lead{max-width:760px;margin:30px 0 0;color:var(--ww-muted)!important;font-size:clamp(17px,1.4vw,21px)!important;line-height:1.75!important}.ww-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:38px}.ww-btn{display:inline-flex;min-height:56px;align-items:center;justify-content:center;gap:12px;padding:0 27px;border:1px solid var(--ww-line);border-radius:999px;color:var(--ww-white)!important;font-size:13px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;transition:transform .25s ease,border-color .25s ease}.ww-btn:after{content:\"\u2197\";font-size:18px}.ww-btn:hover{transform:translateY(-3px);border-color:var(--ww-cyan)}.ww-btn-primary{border-color:transparent;background:var(--ww-gradient)}\n.ww-hero{position:relative;min-height:94vh;display:flex;align-items:center;padding:95px 0 70px;background:radial-gradient(circle at 79% 28%,rgba(104,54,149,.31),transparent 31%),radial-gradient(circle at 17% 88%,rgba(30,190,200,.1),transparent 28%),var(--ww-bg)}.ww-hero:before{position:absolute;inset:0;opacity:.25;background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px);background-size:80px 80px;mask-image:linear-gradient(to bottom,#000,transparent 92%);content:\"\"}.ww-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.03fr .97fr;gap:75px;align-items:center}.ww-display{margin-bottom:0;color:var(--ww-white)!important;font-family:\"Space Grotesk\",\"Inter\",sans-serif;font-size:clamp(58px,8.5vw,138px)!important;font-weight:700!important;letter-spacing:-.075em;line-height:.79!important;text-transform:uppercase}.ww-display span{display:block;color:transparent;-webkit-text-stroke:2px var(--ww-cyan)}.ww-browser{position:relative;min-height:610px;padding:45px 16px 16px;border:1px solid var(--ww-line);border-radius:18px;background:#161923;box-shadow:0 35px 100px rgba(0,0,0,.42);transform:perspective(1300px) rotateY(-5deg) rotateX(2deg)}.ww-browser-bar{position:absolute;top:0;right:0;left:0;height:45px;display:flex;align-items:center;gap:7px;padding:0 15px;border-bottom:1px solid var(--ww-line)}.ww-browser-bar i{width:8px;height:8px;border-radius:50%;background:#606572}.ww-browser-bar i:nth-child(2){background:var(--ww-purple)}.ww-browser-bar i:nth-child(3){background:var(--ww-cyan)}.ww-address{height:22px;flex:1;margin-left:12px;border-radius:999px;background:rgba(255,255,255,.06)}.ww-screen{position:relative;height:100%;min-height:548px;overflow:hidden;background:url(\"https:\/\/www.matawi.eu\/wp-content\/uploads\/2026\/06\/Zrzut-ekranu-2026-06-04-133436.png\") top center\/cover no-repeat}.ww-screen:after{position:absolute;inset:0;background:linear-gradient(to top,rgba(9,10,15,.45),transparent 50%);content:\"\"}.ww-device{position:absolute;right:-30px;bottom:-38px;z-index:2;width:170px;height:340px;padding:10px;border:1px solid rgba(255,255,255,.2);border-radius:28px;background:#090a0f;box-shadow:0 25px 70px rgba(0,0,0,.55);transform:rotate(4deg)}.ww-device-screen{height:100%;border-radius:20px;background:url(\"https:\/\/www.matawi.eu\/wp-content\/uploads\/2026\/06\/Zrzut-ekranu-2026-06-04-133228.png\") top center\/cover no-repeat}.ww-hero-note{position:absolute;left:-35px;bottom:34px;z-index:3;width:260px;padding:19px;border:1px solid var(--ww-line);background:rgba(9,10,15,.9);backdrop-filter:blur(14px)}.ww-hero-note b{display:block;margin-bottom:5px;font-size:14px}.ww-hero-note span{color:var(--ww-muted);font-size:12px}.ww-strip{position:relative;z-index:1;display:grid;grid-template-columns:repeat(5,1fr);margin-top:65px;border:1px solid var(--ww-line)}.ww-strip span{padding:20px;border-right:1px solid var(--ww-line);color:var(--ww-muted);font-size:11px;font-weight:700;letter-spacing:.1em;text-align:center;text-transform:uppercase}.ww-strip span:last-child{border-right:0}\n.ww-two{display:grid;grid-template-columns:.8fr 1.2fr;gap:100px}.ww-sticky{position:sticky;top:90px;align-self:start}.ww-copy p{margin:0 0 26px;color:var(--ww-muted)!important;font-size:19px!important;line-height:1.82!important}.ww-copy strong{color:var(--ww-white)}.ww-outcomes{margin-top:50px;border-top:1px solid var(--ww-line)}.ww-outcome{display:grid;grid-template-columns:60px 1fr;gap:22px;padding:29px 0;border-bottom:1px solid var(--ww-line)}.ww-outcome>b{color:var(--ww-cyan);font-size:12px;letter-spacing:.12em}.ww-outcome h3{margin:0 0 8px;color:var(--ww-white)!important;font-size:23px!important}.ww-outcome p{margin:0;color:var(--ww-muted)!important;font-size:15px!important;line-height:1.7!important}\n.ww-light{background:var(--ww-white);color:#11131b}.ww-light .ww-eyebrow{color:var(--ww-purple)}.ww-light .ww-heading{color:#11131b!important}.ww-light .ww-lead{color:#606471!important}.ww-types{display:grid;grid-template-columns:repeat(12,1fr);gap:1px;margin-top:64px;border:1px solid rgba(17,19,27,.16);background:rgba(17,19,27,.16)}.ww-type{min-height:410px;display:flex;flex-direction:column;padding:32px;background:var(--ww-white)}.ww-type:nth-child(1),.ww-type:nth-child(2){grid-column:span 6}.ww-type:nth-child(n+3){grid-column:span 4}.ww-type-no{color:var(--ww-purple);font-size:12px;font-weight:800}.ww-type-icon{width:68px;height:68px;margin:42px 0 auto;border-radius:50%;background:var(--ww-gradient)}.ww-type:nth-child(2) .ww-type-icon{border-radius:8px;transform:rotate(15deg)}.ww-type:nth-child(3) .ww-type-icon{border-radius:50% 5px 50% 50%}.ww-type:nth-child(4) .ww-type-icon{width:84px;height:18px;border-radius:999px}.ww-type:nth-child(5) .ww-type-icon{border-radius:0;background:repeating-linear-gradient(90deg,var(--ww-purple) 0 13px,var(--ww-blue) 13px 26px,var(--ww-cyan) 26px 39px)}.ww-type h3{margin:30px 0 12px;color:#11131b!important;font-size:clamp(25px,2.7vw,38px)!important;line-height:1.05!important}.ww-type p{margin:0;color:#646875!important;font-size:15px!important;line-height:1.72!important}\n.ww-head{display:flex;justify-content:space-between;gap:50px;align-items:end}.ww-head .ww-lead{max-width:490px;margin-bottom:4px}.ww-showcase{display:grid;grid-template-columns:repeat(12,1fr);gap:24px;margin-top:64px}.ww-work{position:relative;min-height:540px;overflow:hidden;border:1px solid var(--ww-line);background:var(--ww-surface)}.ww-work:nth-child(1){grid-column:span 7}.ww-work:nth-child(2){grid-column:span 5}.ww-work:nth-child(3){grid-column:span 5}.ww-work:nth-child(4){grid-column:span 7}.ww-work-img{position:absolute;inset:0;background-position:top center;background-size:cover;filter:saturate(.82) brightness(.82);transition:transform .6s ease,filter .6s ease}.ww-work:hover .ww-work-img{transform:scale(1.025);filter:saturate(1) brightness(.94)}.ww-w1{background-image:url(\"https:\/\/www.matawi.eu\/wp-content\/uploads\/2026\/06\/Zrzut-ekranu-2026-06-04-133436.png\")}.ww-w2{background-image:url(\"https:\/\/www.matawi.eu\/wp-content\/uploads\/2026\/06\/Zrzut-ekranu-2026-06-04-133228.png\")}.ww-w3{background-image:url(\"https:\/\/www.matawi.eu\/wp-content\/uploads\/2024\/06\/Zrzut-ekranu-2024-05-22-222215.png\")}.ww-w4{background-image:url(\"https:\/\/www.matawi.eu\/wp-content\/uploads\/2024\/06\/Zrzut-ekranu-2024-05-22-224420.png\")}.ww-work:after{position:absolute;inset:0;background:linear-gradient(to top,rgba(5,6,9,.92),transparent 62%);content:\"\"}.ww-work-meta{position:absolute;right:28px;bottom:26px;left:28px;z-index:1;display:flex;justify-content:space-between;gap:22px;align-items:end}.ww-work-meta small{display:block;margin-bottom:8px;color:var(--ww-cyan);font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.ww-work-meta h3{margin:0 0 5px;color:#fff!important;font-size:27px!important}.ww-work-meta p{margin:0;color:#d0d3db!important;font-size:14px!important}.ww-work-meta i{color:var(--ww-cyan);font-size:29px;font-style:normal}\n.ww-scope-grid{display:grid;grid-template-columns:.72fr 1.28fr;gap:90px}.ww-scope-list{border-top:1px solid var(--ww-line)}.ww-scope{display:grid;grid-template-columns:55px 1fr auto;gap:25px;align-items:start;padding:33px 5px;border-bottom:1px solid var(--ww-line)}.ww-scope>span:first-child{color:var(--ww-cyan);font-size:12px;font-weight:800;letter-spacing:.12em}.ww-scope h3{margin:0 0 10px;color:var(--ww-white)!important;font-size:clamp(23px,2.6vw,36px)!important}.ww-scope p{max-width:660px;margin:0;color:var(--ww-muted)!important;font-size:15px!important;line-height:1.72!important}.ww-check{color:var(--ww-cyan);font-size:21px}\n.ww-standards{background:var(--ww-surface)}.ww-standard-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:64px;border:1px solid var(--ww-line)}.ww-standard{min-height:330px;padding:32px;border-right:1px solid var(--ww-line);border-bottom:1px solid var(--ww-line)}.ww-standard:nth-child(3n){border-right:0}.ww-standard:nth-child(n+4){border-bottom:0}.ww-standard>b{display:block;margin-bottom:65px;color:var(--ww-cyan);font-size:12px;letter-spacing:.12em}.ww-standard h3{margin:0 0 12px;color:var(--ww-white)!important;font-size:24px!important}.ww-standard p{margin:0;color:var(--ww-muted)!important;font-size:14px!important;line-height:1.72!important}\n.ww-levels{display:grid;grid-template-columns:repeat(3,1fr);margin-top:64px;border:1px solid var(--ww-line)}.ww-level{min-height:490px;display:flex;flex-direction:column;padding:34px;border-right:1px solid var(--ww-line)}.ww-level:last-child{border-right:0}.ww-level-no{color:var(--ww-cyan);font-size:12px;font-weight:800}.ww-level h3{margin:70px 0 15px;color:var(--ww-white)!important;font-size:clamp(28px,3vw,42px)!important;line-height:1!important}.ww-level p{margin:0 0 25px;color:var(--ww-muted)!important;font-size:15px!important;line-height:1.7!important}.ww-level ul{margin:auto 0 0;padding:0;list-style:none}.ww-level li{padding:10px 0;border-top:1px solid var(--ww-line);color:#d6d8df;font-size:13px}\n.ww-process{background:var(--ww-surface)}.ww-process-grid{display:grid;grid-template-columns:repeat(6,1fr);margin-top:64px;border-top:1px solid var(--ww-line)}.ww-step{min-height:330px;padding:34px 22px;border-right:1px solid var(--ww-line)}.ww-step:last-child{border-right:0}.ww-step b{display:block;margin-bottom:70px;color:var(--ww-cyan);font-size:13px}.ww-step h3{margin:0 0 12px;color:var(--ww-white)!important;font-size:20px!important}.ww-step p{margin:0;color:var(--ww-muted)!important;font-size:13px!important;line-height:1.7!important}\n.ww-content-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:90px;align-items:center}.ww-content-card{padding:42px;border:1px solid var(--ww-line);background:var(--ww-surface)}.ww-content-card h3{margin:0 0 25px;color:var(--ww-white)!important;font-size:clamp(28px,3.5vw,47px)!important;line-height:1.08!important}.ww-content-list{border-top:1px solid var(--ww-line)}.ww-content-list div{display:grid;grid-template-columns:38px 1fr;gap:15px;padding:18px 0;border-bottom:1px solid var(--ww-line);color:var(--ww-muted);font-size:14px;line-height:1.65}.ww-content-list span{width:31px;height:31px;display:grid;place-items:center;border-radius:50%;background:var(--ww-gradient);color:#fff;font-size:12px;font-weight:800}\n.ww-faq-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:90px}.ww-faq{border-top:1px solid var(--ww-line)}.ww-faq details{border-bottom:1px solid var(--ww-line)}.ww-faq summary{position:relative;padding:30px 52px 30px 0;color:var(--ww-white);font-size:20px;font-weight:700;cursor:pointer;list-style:none}.ww-faq summary::-webkit-details-marker{display:none}.ww-faq summary:after{position:absolute;right:5px;color:var(--ww-cyan);content:\"+\";font-size:29px;font-weight:400}.ww-faq details[open] summary:after{content:\"\u2212\"}.ww-faq details p{max-width:740px;margin:0;padding:0 50px 30px 0;color:var(--ww-muted)!important;font-size:16px!important;line-height:1.75!important}.ww-cta{padding:150px 0;text-align:center;background:radial-gradient(circle at center,rgba(67,125,192,.22),transparent 45%)}.ww-cta .ww-heading{max-width:1100px;margin-inline:auto}.ww-cta .ww-lead{margin-inline:auto}.ww-cta .ww-actions{justify-content:center}.ww-contact{display:flex;flex-wrap:wrap;justify-content:center;gap:14px 28px;margin-top:38px;color:var(--ww-muted);font-size:14px}.ww-contact a:hover{color:var(--ww-cyan)}.ww-reveal{opacity:0;transform:translateY(28px);transition:opacity .7s ease,transform .7s ease}.ww-reveal.is-visible{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){.ww-reveal{opacity:1;transform:none;transition:none}.ww-btn,.ww-work-img{transition:none}}\n@media(max-width:1100px){.ww-container{width:min(100% - 48px,1480px)}.ww-hero-grid,.ww-two,.ww-scope-grid,.ww-content-grid,.ww-faq-grid{grid-template-columns:1fr}.ww-sticky{position:static}.ww-browser{max-width:800px;min-height:590px;margin:auto;transform:none}.ww-showcase .ww-work{grid-column:span 6}.ww-standard-grid{grid-template-columns:1fr 1fr}.ww-standard:nth-child(n){border-right:1px solid var(--ww-line);border-bottom:1px solid var(--ww-line)}.ww-standard:nth-child(2n){border-right:0}.ww-standard:nth-last-child(-n+2){border-bottom:0}.ww-levels{grid-template-columns:1fr}.ww-level{min-height:0;border-right:0;border-bottom:1px solid var(--ww-line)}.ww-process-grid{grid-template-columns:repeat(3,1fr)}.ww-step{border-bottom:1px solid var(--ww-line)}}\n@media(max-width:700px){.ww-container{width:min(100% - 32px,1480px)}.ww-section{padding:80px 0}.ww-hero{min-height:auto;padding-top:75px}.ww-display{font-size:clamp(54px,18.5vw,86px)!important;line-height:.82!important}.ww-browser{min-height:470px;padding-top:40px}.ww-screen{min-height:413px}.ww-device{right:-8px;bottom:-24px;width:118px;height:240px}.ww-hero-note{left:10px;bottom:18px;width:205px}.ww-strip{grid-template-columns:1fr 1fr}.ww-strip span{border-bottom:1px solid var(--ww-line)}.ww-strip span:nth-child(2n){border-right:0}.ww-strip span:last-child{grid-column:span 2;border-bottom:0}.ww-types{display:block}.ww-type{min-height:300px;border-bottom:1px solid rgba(17,19,27,.16)}.ww-head{display:block}.ww-showcase{display:block;margin-top:40px}.ww-work{min-height:400px;margin-bottom:18px}.ww-scope{grid-template-columns:40px 1fr}.ww-check{display:none}.ww-standard-grid,.ww-process-grid{grid-template-columns:1fr}.ww-standard:nth-child(n),.ww-step{min-height:0;border-right:0;border-bottom:1px solid var(--ww-line)}.ww-standard>b,.ww-step b{margin-bottom:34px}.ww-cta{padding:95px 0}}\n<\/style>\n<style>\n.ww-browser{min-height:650px;padding:45px 12px 12px;transform:none}.ww-screen{min-height:592px;background-size:cover;background-position:top center}.ww-device,.ww-hero-note{display:none!important}.ww-browser-caption{position:absolute;right:28px;bottom:26px;left:28px;z-index:2;display:flex;justify-content:space-between;gap:20px;align-items:end;padding:18px 20px;border:1px solid rgba(255,255,255,.2);background:rgba(9,10,15,.86);backdrop-filter:blur(14px)}.ww-browser-caption b{display:block;margin-bottom:4px;color:#fff;font-size:14px}.ww-browser-caption span{color:var(--ww-muted);font-size:12px}.ww-browser-caption a{color:var(--ww-cyan)!important;font-size:11px;font-weight:800;text-transform:uppercase;white-space:nowrap}.ww-browser-caption a:after{margin-left:7px;content:\"\u2197\"}\n.ww-type-icon{display:none!important}.ww-type-preview{position:relative;width:150px;height:96px;margin:36px 0 auto;border:2px solid #20232c;border-radius:7px;background:#f8f9fc;overflow:hidden}.ww-type-preview:before{position:absolute;top:0;right:0;left:0;height:13px;border-bottom:1px solid #bbbfc9;background:#e5e7ec;content:\"\"}.ww-type-preview span{position:absolute;display:block;background:#222631}.ww-type-preview span:nth-child(1){top:22px;left:11px;width:58%;height:8px}.ww-type-preview span:nth-child(2){top:36px;left:11px;width:38%;height:4px;background:#9499a6}.ww-type-preview span:nth-child(3){right:11px;bottom:11px;left:11px;height:34px;background:linear-gradient(110deg,var(--ww-purple),var(--ww-blue),var(--ww-cyan))}.ww-type:nth-child(2) .ww-type-preview span:nth-child(1){top:25px;right:20px;left:20px;width:auto;height:11px}.ww-type:nth-child(2) .ww-type-preview span:nth-child(2){top:43px;right:35px;left:35px;width:auto;height:4px}.ww-type:nth-child(2) .ww-type-preview span:nth-child(3){right:49px;bottom:13px;left:49px;height:15px;border-radius:999px}.ww-type:nth-child(3) .ww-type-preview span:nth-child(1){top:24px;left:12px;width:34px;height:34px;border-radius:50%;background:var(--ww-gradient)}.ww-type:nth-child(3) .ww-type-preview span:nth-child(2){top:27px;right:13px;left:56px;width:auto;height:7px;background:#222631}.ww-type:nth-child(3) .ww-type-preview span:nth-child(3){right:13px;bottom:20px;left:56px;height:24px;background:repeating-linear-gradient(#c7cad2 0 4px,transparent 4px 8px)}.ww-type:nth-child(4) .ww-type-preview span:nth-child(1),.ww-type:nth-child(4) .ww-type-preview span:nth-child(2),.ww-type:nth-child(4) .ww-type-preview span:nth-child(3){top:23px;bottom:12px;width:36px;height:auto;background:linear-gradient(145deg,var(--ww-purple),var(--ww-cyan))}.ww-type:nth-child(4) .ww-type-preview span:nth-child(1){left:12px}.ww-type:nth-child(4) .ww-type-preview span:nth-child(2){left:56px}.ww-type:nth-child(4) .ww-type-preview span:nth-child(3){right:12px;left:auto}.ww-type:nth-child(5) .ww-type-preview{background:linear-gradient(90deg,#efeff2 50%,#151821 50%)}.ww-type:nth-child(5) .ww-type-preview:after{position:absolute;top:22px;bottom:11px;left:50%;width:2px;background:var(--ww-cyan);content:\"\"}.ww-type:nth-child(5) .ww-type-preview span:nth-child(1){top:25px;left:10px;width:45px;height:6px}.ww-type:nth-child(5) .ww-type-preview span:nth-child(2){top:25px;right:10px;left:auto;width:45px;height:6px;background:#fff}.ww-type:nth-child(5) .ww-type-preview span:nth-child(3){right:11px;bottom:18px;left:11px;height:26px;background:linear-gradient(90deg,#b7bbc5 49%,#683695 51%)}\n@media(max-width:700px){.ww-browser{min-height:490px}.ww-screen{min-height:433px}.ww-browser-caption{right:18px;bottom:18px;left:18px;display:block}.ww-browser-caption a{display:inline-block;margin-top:8px}.ww-type-preview{margin-top:30px}}\n@media(max-width:1100px){.ww-hero-grid>*{min-width:0}.ww-browser{width:100%;max-width:100%;min-width:0;margin:40px 0 0}.ww-browser-caption{max-width:calc(100% - 36px);overflow:hidden}.ww-browser-caption div{min-width:0}.ww-browser-caption b,.ww-browser-caption span{overflow-wrap:anywhere}}\n@media(max-width:700px){.ww-browser{width:100%;min-height:390px;padding:40px 8px 8px;border-radius:12px}.ww-screen{min-height:342px;background-size:cover}.ww-browser-caption{right:16px;bottom:16px;left:16px;max-width:none;padding:15px 16px}.ww-browser-caption b{font-size:13px}.ww-browser-caption span{display:block;font-size:11px;line-height:1.5}.ww-browser-caption a{font-size:10px}}\n<\/style>\n<style>\n.ww-live-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:24px;margin-top:64px}.ww-live{position:relative;min-height:480px;display:flex;flex-direction:column;overflow:hidden;padding:32px;border:1px solid var(--ww-line);background:var(--ww-surface);transition:transform .3s ease,border-color .3s ease}.ww-live:nth-child(1),.ww-live:nth-child(4){grid-column:span 7}.ww-live:nth-child(2),.ww-live:nth-child(3){grid-column:span 5}.ww-live:nth-child(5){grid-column:span 12;min-height:390px}.ww-live:hover{transform:translateY(-6px);border-color:rgba(30,190,200,.55)}.ww-live:before{position:absolute;inset:0;opacity:.62;background:radial-gradient(circle at 78% 20%,rgba(104,54,149,.55),transparent 34%),radial-gradient(circle at 18% 82%,rgba(30,190,200,.28),transparent 31%);content:\"\"}.ww-live:nth-child(2):before{background:radial-gradient(circle at 75% 22%,rgba(183,35,35,.45),transparent 34%),radial-gradient(circle at 20% 85%,rgba(67,125,192,.32),transparent 32%)}.ww-live:nth-child(3):before{background:radial-gradient(circle at 75% 20%,rgba(30,190,200,.42),transparent 32%),radial-gradient(circle at 22% 85%,rgba(89,146,61,.38),transparent 34%)}.ww-live:nth-child(4):before{background:radial-gradient(circle at 76% 20%,rgba(205,35,48,.32),transparent 31%),radial-gradient(circle at 18% 84%,rgba(222,177,38,.3),transparent 34%)}.ww-live:nth-child(5):before{background:linear-gradient(110deg,rgba(104,54,149,.42),rgba(67,125,192,.22),rgba(30,190,200,.34))}.ww-live-top,.ww-live-body,.ww-live-foot{position:relative;z-index:1}.ww-live-top{display:flex;justify-content:space-between;gap:20px;align-items:center}.ww-live-domain{display:inline-flex;align-items:center;gap:10px;color:var(--ww-muted);font-size:12px}.ww-live-domain:before{width:8px;height:8px;border-radius:50%;background:#38c172;box-shadow:0 0 0 5px rgba(56,193,114,.12);content:\"\"}.ww-live-lang{padding:8px 11px;border:1px solid var(--ww-line);border-radius:999px;color:#d5d8df;font-size:10px;font-weight:800;letter-spacing:.08em}.ww-live-body{margin:auto 0 34px}.ww-live-body small{display:block;margin-bottom:12px;color:var(--ww-cyan);font-size:11px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.ww-live-body h3{margin:0 0 13px;color:var(--ww-white)!important;font-size:clamp(29px,3.4vw,48px)!important;line-height:1!important;letter-spacing:-.035em}.ww-live-body p{max-width:660px;margin:0;color:var(--ww-muted)!important;font-size:15px!important;line-height:1.72!important}.ww-live-foot{display:flex;justify-content:space-between;gap:20px;align-items:center;padding-top:20px;border-top:1px solid var(--ww-line)}.ww-live-tags{display:flex;flex-wrap:wrap;gap:7px}.ww-live-tags span{padding:7px 10px;border:1px solid var(--ww-line);border-radius:999px;color:#bec2cc;font-size:10px;text-transform:uppercase;letter-spacing:.06em}.ww-live-link{color:var(--ww-cyan)!important;font-size:12px;font-weight:800;text-transform:uppercase;white-space:nowrap}.ww-live-link:after{margin-left:8px;content:\"\u2197\"}\n@media(max-width:1100px){.ww-live:nth-child(n){grid-column:span 6}.ww-live:nth-child(5){grid-column:span 12}}\n@media(max-width:700px){.ww-live-grid{display:block}.ww-live:nth-child(n){min-height:410px;margin-bottom:18px}.ww-live-foot{display:block}.ww-live-link{display:inline-block;margin-top:18px}}\n<\/style>\n\n<main class=\"ww-page\">\n<section class=\"ww-hero\"><div class=\"ww-container\"><div class=\"ww-hero-grid\"><div><div class=\"ww-eyebrow\">Projektowanie stron internetowych<\/div><h1 class=\"ww-display\">Strony,<span>kt\u00f3re prowadz\u0105.<\/span><\/h1><p class=\"ww-lead\">Projektuj\u0119 nowoczesne strony firmowe, kt\u00f3re jasno pokazuj\u0105 ofert\u0119, buduj\u0105 wiarygodno\u015b\u0107 i prowadz\u0105 u\u017cytkownika do kontaktu \u2014 na komputerze, tablecie i telefonie.<\/p><div class=\"ww-actions\"><a class=\"ww-btn ww-btn-primary\" href=\"https:\/\/www.matawi.eu\/kontakt\/\">Porozmawiajmy o stronie<\/a><a class=\"ww-btn\" href=\"#realizacje-www\">Zobacz realizacje<\/a><\/div><\/div><div class=\"ww-browser ww-reveal\"><div class=\"ww-browser-bar\"><i><\/i><i><\/i><i><\/i><span class=\"ww-address\"><\/span><\/div><div class=\"ww-screen\"><\/div><div class=\"ww-browser-caption\"><div><b>Fliesen Andrulewicz<\/b><span>Dzia\u0142aj\u0105ca strona firmowa na rynek niemiecki<\/span><\/div><a href=\"https:\/\/www.fliesen-andrulewicz.de\/\" target=\"_blank\" rel=\"noopener\">Otw\u00f3rz stron\u0119<\/a><\/div><\/div><\/div><div class=\"ww-strip\"><span>Web design<\/span><span>Responsywno\u015b\u0107<\/span><span>WordPress<\/span><span>Podstawowe SEO<\/span><span>PL \u00b7 DE \u00b7 EN<\/span><\/div><\/div><\/section>\n\n<section class=\"ww-section\"><div class=\"ww-container ww-two\"><div class=\"ww-sticky ww-reveal\"><div class=\"ww-eyebrow\">Po co dobra strona?<\/div><h2 class=\"ww-heading ww-heading-sm\">Twoja strona powinna wyja\u015bnia\u0107, przekonywa\u0107 i <span class=\"ww-gradient-text\">u\u0142atwia\u0107 kontakt.<\/span><\/h2><\/div><div class=\"ww-copy ww-reveal\"><p>Klient cz\u0119sto odwiedza stron\u0119, zanim zadzwoni, napisze wiadomo\u015b\u0107 albo poprosi o ofert\u0119. W kilka sekund ocenia, czy firma wygl\u0105da wiarygodnie i czy szybko znajdzie potrzebne informacje.<\/p><p><strong>Nie projektuj\u0119 strony jako cyfrowej ulotki z przypadkowymi sekcjami.<\/strong> Porz\u0105dkuj\u0119 tre\u015b\u0107, ustalam hierarchi\u0119 i tworz\u0119 \u015bcie\u017ck\u0119, kt\u00f3ra prowadzi od pierwszego wra\u017cenia do konkretnego dzia\u0142ania.<\/p><div class=\"ww-outcomes\"><article class=\"ww-outcome\"><b>01<\/b><div><h3>Jasna oferta<\/h3><p>Odbiorca szybko rozumie, czym zajmuje si\u0119 firma, dla kogo pracuje i co j\u0105 wyr\u00f3\u017cnia.<\/p><\/div><\/article><article class=\"ww-outcome\"><b>02<\/b><div><h3>Wiarygodny wizerunek<\/h3><p>Strona rozwija identyfikacj\u0119 marki i pokazuje profesjonalizm r\u00f3wnie\u017c poza social mediami.<\/p><\/div><\/article><article class=\"ww-outcome\"><b>03<\/b><div><h3>Prosta droga do kontaktu<\/h3><p>Przyciski, formularze i uk\u0142ad informacji pomagaj\u0105 wykona\u0107 kolejny krok bez szukania.<\/p><\/div><\/article><\/div><\/div><\/div><\/section>\n\n<section class=\"ww-section ww-light\"><div class=\"ww-container\"><div class=\"ww-eyebrow\">Jak\u0105 stron\u0119 mog\u0119 stworzy\u0107?<\/div><h2 class=\"ww-heading ww-heading-sm ww-reveal\">Zakres dopasowany do celu, nie do <span class=\"ww-gradient-text\">gotowego szablonu.<\/span><\/h2><p class=\"ww-lead ww-reveal\">Innej struktury potrzebuje specjalista buduj\u0105cy mark\u0119 osobist\u0105, innej firma us\u0142ugowa, a jeszcze innej kampania jednego produktu.<\/p><div class=\"ww-types\"><article class=\"ww-type ww-reveal\"><span class=\"ww-type-no\">01 \/ BUSINESS<\/span><div class=\"ww-type-preview\" aria-hidden=\"true\"><span><\/span><span><\/span><span><\/span><\/div><h3>Strona firmowa<\/h3><p>Kompletna prezentacja firmy, us\u0142ug, realizacji, zespo\u0142u, procesu i danych kontaktowych.<\/p><\/article><article class=\"ww-type ww-reveal\"><span class=\"ww-type-no\">02 \/ LANDING<\/span><div class=\"ww-type-preview\" aria-hidden=\"true\"><span><\/span><span><\/span><span><\/span><\/div><h3>Landing page<\/h3><p>Jedna skoncentrowana strona dla konkretnej us\u0142ugi, produktu, kampanii albo zbierania zapyta\u0144.<\/p><\/article><article class=\"ww-type ww-reveal\"><span class=\"ww-type-no\">03 \/ PERSONAL<\/span><div class=\"ww-type-preview\" aria-hidden=\"true\"><span><\/span><span><\/span><span><\/span><\/div><h3>Marka osobista<\/h3><p>Strona eksperta, freelancera, t\u0142umacza lub tw\u00f3rcy, kt\u00f3ra \u0142\u0105czy ofert\u0119 z osob\u0105 stoj\u0105c\u0105 za mark\u0105.<\/p><\/article><article class=\"ww-type ww-reveal\"><span class=\"ww-type-no\">04 \/ PORTFOLIO<\/span><div class=\"ww-type-preview\" aria-hidden=\"true\"><span><\/span><span><\/span><span><\/span><\/div><h3>Portfolio<\/h3><p>Przejrzysta prezentacja realizacji, case studies, zdj\u0119\u0107 lub projekt\u00f3w z wygodnym kontaktem.<\/p><\/article><article class=\"ww-type ww-reveal\"><span class=\"ww-type-no\">05 \/ REDESIGN<\/span><div class=\"ww-type-preview\" aria-hidden=\"true\"><span><\/span><span><\/span><span><\/span><\/div><h3>Redesign strony<\/h3><p>Nowa struktura, wygl\u0105d i wersja mobilna dla serwisu, kt\u00f3ry jest przestarza\u0142y lub nieczytelny.<\/p><\/article><\/div><\/div><\/section>\n\n<section class=\"ww-section\" id=\"realizacje-www\"><div class=\"ww-container\"><div class=\"ww-head ww-reveal\"><div><div class=\"ww-eyebrow\">Dzia\u0142aj\u0105ce strony WWW<\/div><h2 class=\"ww-heading ww-heading-sm\">Nie tylko projekty. Serwisy, kt\u00f3re naprawd\u0119 s\u0105 <span class=\"ww-gradient-text\">online.<\/span><\/h2><\/div><p class=\"ww-lead\">Pi\u0119\u0107 r\u00f3\u017cnych realizacji: lokalne us\u0142ugi, niemiecka firma budowlana, park rozrywki, marka osobista PL\u2013DE i serwis tre\u015bci.<\/p><\/div><div class=\"ww-live-grid\">\n<article class=\"ww-live ww-reveal\"><div class=\"ww-live-top\"><span class=\"ww-live-domain\">fliesen-andrulewicz.de<\/span><span class=\"ww-live-lang\">DE<\/span><\/div><div class=\"ww-live-body\"><small>Strona firmowa \u00b7 us\u0142ugi budowlane<\/small><h3>Fliesen Andrulewicz<\/h3><p>Niemieckoj\u0119zyczna prezentacja firmy remontowej z ofert\u0105, galeri\u0105 realizacji, opiniami klient\u00f3w i bezpo\u015bredni\u0105 \u015bcie\u017ck\u0105 kontaktu.<\/p><\/div><div class=\"ww-live-foot\"><div class=\"ww-live-tags\"><span>firma us\u0142ugowa<\/span><span>galeria<\/span><span>rynek DE<\/span><\/div><a class=\"ww-live-link\" href=\"https:\/\/www.fliesen-andrulewicz.de\/\" target=\"_blank\" rel=\"noopener\">Zobacz stron\u0119<\/a><\/div><\/article>\n<article class=\"ww-live ww-reveal\"><div class=\"ww-live-top\"><span class=\"ww-live-domain\">pomocdrogowaradomsko.eu<\/span><span class=\"ww-live-lang\">PL<\/span><\/div><div class=\"ww-live-body\"><small>Rozbudowana strona lokalna \u00b7 24\/7<\/small><h3>Auto Wieloch<\/h3><p>Serwis pomocy drogowej z rozbudowanym katalogiem us\u0142ug, numerem alarmowym, ofert\u0105 transportu, holowania, aut zast\u0119pczych i lokaln\u0105 komunikacj\u0105.<\/p><\/div><div class=\"ww-live-foot\"><div class=\"ww-live-tags\"><span>lokalne SEO<\/span><span>wiele us\u0142ug<\/span><span>kontakt 24\/7<\/span><\/div><a class=\"ww-live-link\" href=\"https:\/\/pomocdrogowaradomsko.eu\/\" target=\"_blank\" rel=\"noopener\">Zobacz stron\u0119<\/a><\/div><\/article>\n<article class=\"ww-live ww-reveal\"><div class=\"ww-live-top\"><span class=\"ww-live-domain\">ersepark.com<\/span><span class=\"ww-live-lang\">DE<\/span><\/div><div class=\"ww-live-body\"><small>Rozbudowany serwis \u00b7 turystyka i rozrywka<\/small><h3>Erse Park Uetze<\/h3><p>Du\u017ca niemieckoj\u0119zyczna witryna parku rodzinnego z cenami, godzinami otwarcia, map\u0105 oraz rozbudowan\u0105 prezentacj\u0105 atrakcji dla r\u00f3\u017cnych grup odwiedzaj\u0105cych.<\/p><\/div><div class=\"ww-live-foot\"><div class=\"ww-live-tags\"><span>park rozrywki<\/span><span>du\u017co tre\u015bci<\/span><span>rynek DE<\/span><\/div><a class=\"ww-live-link\" href=\"https:\/\/ersepark.com\/\" target=\"_blank\" rel=\"noopener\">Zobacz stron\u0119<\/a><\/div><\/article>\n<article class=\"ww-live ww-reveal\"><div class=\"ww-live-top\"><span class=\"ww-live-domain\">wojakowski.com.pl<\/span><span class=\"ww-live-lang\">PL \u00b7 DE<\/span><\/div><div class=\"ww-live-body\"><small>Marka osobista \u00b7 komunikacja polsko-niemiecka<\/small><h3>Wojakowski<\/h3><p>Dwuj\u0119zyczna strona osobistej marki t\u0142umacza i specjalisty komunikacji PL\u2013DE, \u0142\u0105cz\u0105ca ofert\u0119, do\u015bwiadczenie, zakres wsp\u00f3\u0142pracy i informacje dla obu rynk\u00f3w.<\/p><\/div><div class=\"ww-live-foot\"><div class=\"ww-live-tags\"><span>marka osobista<\/span><span>t\u0142umaczenia<\/span><span>PL\u2013DE<\/span><\/div><a class=\"ww-live-link\" href=\"https:\/\/www.wojakowski.com.pl\/\" target=\"_blank\" rel=\"noopener\">Zobacz stron\u0119<\/a><\/div><\/article>\n<article class=\"ww-live ww-reveal\"><div class=\"ww-live-top\"><span class=\"ww-live-domain\">stories.matawi.eu<\/span><span class=\"ww-live-lang\">PL<\/span><\/div><div class=\"ww-live-body\"><small>Serwis tre\u015bci \u00b7 publikacja opowiada\u0144<\/small><h3>MaTaWi Stories<\/h3><p>Osobny serwis publikacyjny z rozdzia\u0142ami, kategoriami i archiwum kreatywnych historii. Przyk\u0142ad witryny nastawionej na regularne dodawanie oraz wygodne czytanie tre\u015bci.<\/p><\/div><div class=\"ww-live-foot\"><div class=\"ww-live-tags\"><span>blog<\/span><span>archiwum<\/span><span>content<\/span><\/div><a class=\"ww-live-link\" href=\"https:\/\/stories.matawi.eu\/\" target=\"_blank\" rel=\"noopener\">Zobacz stron\u0119<\/a><\/div><\/article>\n<\/div><div class=\"ww-actions\"><a class=\"ww-btn\" href=\"https:\/\/www.matawi.eu\/portfolio-matawi\/\">Zobacz pe\u0142ne portfolio<\/a><\/div><\/div><\/section>\n\n<section class=\"ww-section\"><div class=\"ww-container ww-scope-grid\"><div class=\"ww-sticky ww-reveal\"><div class=\"ww-eyebrow\">Co obejmuje realizacja?<\/div><h2 class=\"ww-heading ww-heading-sm\">Od struktury do strony gotowej <span class=\"ww-gradient-text\">do publikacji.<\/span><\/h2><p class=\"ww-lead\">Zakres ustalam indywidualnie. Mo\u017cemy pracowa\u0107 na gotowych materia\u0142ach albo wsp\u00f3lnie uporz\u0105dkowa\u0107 tre\u015bci i kierunek wizualny.<\/p><\/div><div class=\"ww-scope-list\"><article class=\"ww-scope ww-reveal\"><span>01<\/span><div><h3>Architektura informacji<\/h3><p>Uk\u0142ad podstron i sekcji odpowiadaj\u0105cy pytaniom u\u017cytkownika oraz celom biznesowym firmy.<\/p><\/div><span class=\"ww-check\">\u2713<\/span><\/article><article class=\"ww-scope ww-reveal\"><span>02<\/span><div><h3>Projekt wizualny<\/h3><p>Kolorystyka, typografia, komponenty, grafiki i uk\u0142ad dopasowane do identyfikacji marki.<\/p><\/div><span class=\"ww-check\">\u2713<\/span><\/article><article class=\"ww-scope ww-reveal\"><span>03<\/span><div><h3>Wdro\u017cenie responsywne<\/h3><p>Budowa strony i dopasowanie jej do komputer\u00f3w, tablet\u00f3w oraz urz\u0105dze\u0144 mobilnych.<\/p><\/div><span class=\"ww-check\">\u2713<\/span><\/article><article class=\"ww-scope ww-reveal\"><span>04<\/span><div><h3>Formularze i kontakt<\/h3><p>Czytelne wezwania do dzia\u0142ania, dane kontaktowe, linki i formularze prowadz\u0105ce do zapytania.<\/p><\/div><span class=\"ww-check\">\u2713<\/span><\/article><article class=\"ww-scope ww-reveal\"><span>05<\/span><div><h3>Podstawowa optymalizacja<\/h3><p>Logiczne nag\u0142\u00f3wki, metadane, przyjazne adresy, obrazy i ustawienia wspieraj\u0105ce widoczno\u015b\u0107 oraz szybko\u015b\u0107.<\/p><\/div><span class=\"ww-check\">\u2713<\/span><\/article><article class=\"ww-scope ww-reveal\"><span>06<\/span><div><h3>Publikacja i wsparcie<\/h3><p>Uruchomienie strony na domenie oraz mo\u017cliwo\u015b\u0107 dalszej opieki, zmian i rozbudowy.<\/p><\/div><span class=\"ww-check\">\u2713<\/span><\/article><\/div><\/div><\/section>\n\n<section class=\"ww-section ww-standards\"><div class=\"ww-container\"><div class=\"ww-eyebrow\">Standard wykonania<\/div><h2 class=\"ww-heading ww-heading-sm ww-reveal\">Nowoczesny wygl\u0105d nie wystarczy. Strona musi <span class=\"ww-gradient-text\">dzia\u0142a\u0107 poprawnie.<\/span><\/h2><div class=\"ww-standard-grid\"><article class=\"ww-standard ww-reveal\"><b>01 \/ MOBILE<\/b><h3>Responsywno\u015b\u0107<\/h3><p>Uk\u0142ad, teksty, grafiki i przyciski pozostaj\u0105 czytelne na r\u00f3\u017cnych szeroko\u015bciach ekranu.<\/p><\/article><article class=\"ww-standard ww-reveal\"><b>02 \/ SPEED<\/b><h3>Wydajno\u015b\u0107<\/h3><p>Rozs\u0105dna liczba efekt\u00f3w, optymalizacja obraz\u00f3w i kodu oraz unikanie niepotrzebnego obci\u0105\u017cenia.<\/p><\/article><article class=\"ww-standard ww-reveal\"><b>03 \/ UX<\/b><h3>U\u017cyteczno\u015b\u0107<\/h3><p>Logiczna nawigacja, przewidywalne zachowanie element\u00f3w i prosta droga do wa\u017cnych informacji.<\/p><\/article><article class=\"ww-standard ww-reveal\"><b>04 \/ SEO<\/b><h3>Podstawy SEO<\/h3><p>Struktura nag\u0142\u00f3wk\u00f3w, metadane i tre\u015bci przygotowane tak, aby wyszukiwarka mog\u0142a zrozumie\u0107 stron\u0119.<\/p><\/article><article class=\"ww-standard ww-reveal\"><b>05 \/ BRAND<\/b><h3>Sp\u00f3jno\u015b\u0107 marki<\/h3><p>Strona rozwija logo, kolory, typografi\u0119 i charakter komunikacji, zamiast wygl\u0105da\u0107 jak obcy szablon.<\/p><\/article><article class=\"ww-standard ww-reveal\"><b>06 \/ ACCESS<\/b><h3>Czytelno\u015b\u0107<\/h3><p>Odpowiedni kontrast, wielko\u015b\u0107 tekst\u00f3w, opisy obraz\u00f3w i rozwi\u0105zania przyjazne r\u00f3\u017cnym u\u017cytkownikom.<\/p><\/article><\/div><\/div><\/section>\n\n<section class=\"ww-section\"><div class=\"ww-container\"><div class=\"ww-eyebrow\">Trzy mo\u017cliwe zakresy<\/div><h2 class=\"ww-heading ww-heading-sm ww-reveal\">Strona dopasowana do etapu, na kt\u00f3rym jest <span class=\"ww-gradient-text\">Twoja firma.<\/span><\/h2><div class=\"ww-levels\"><article class=\"ww-level ww-reveal\"><span class=\"ww-level-no\">01 \/ START<\/span><h3>Landing page<\/h3><p>Dla jednej us\u0142ugi, kampanii, nowej marki albo firmy potrzebuj\u0105cej szybkiej, profesjonalnej obecno\u015bci online.<\/p><ul><li>Jedna rozbudowana strona<\/li><li>Oferta i kluczowe korzy\u015bci<\/li><li>Responsywny uk\u0142ad<\/li><li>Formularz lub kontakt<\/li><\/ul><\/article><article class=\"ww-level ww-reveal\"><span class=\"ww-level-no\">02 \/ BUSINESS<\/span><h3>Strona firmowa<\/h3><p>Dla firmy potrzebuj\u0105cej pe\u0142nej prezentacji us\u0142ug, realizacji, przewag, procesu i informacji kontaktowych.<\/p><ul><li>Strona g\u0142\u00f3wna i podstrony<\/li><li>Portfolio lub realizacje<\/li><li>Podstawowe SEO<\/li><li>Wdro\u017cenie i publikacja<\/li><\/ul><\/article><article class=\"ww-level ww-reveal\"><span class=\"ww-level-no\">03 \/ GROWTH<\/span><h3>Serwis do rozwoju<\/h3><p>Dla marki wieloj\u0119zycznej albo wymagaj\u0105cej wi\u0119kszej liczby tre\u015bci, modu\u0142\u00f3w i p\u00f3\u017aniejszej rozbudowy.<\/p><ul><li>Rozbudowana architektura<\/li><li>Wersje j\u0119zykowe PL \u00b7 DE \u00b7 EN<\/li><li>Blog lub dodatkowe sekcje<\/li><li>Dalsza opieka i rozw\u00f3j<\/li><\/ul><\/article><\/div><\/div><\/section>\n\n<section class=\"ww-section ww-process\"><div class=\"ww-container\"><div class=\"ww-eyebrow\">Proces tworzenia strony<\/div><h2 class=\"ww-heading ww-heading-sm ww-reveal\">Od pierwszej rozmowy do <span class=\"ww-gradient-text\">uruchomienia.<\/span><\/h2><div class=\"ww-process-grid\"><article class=\"ww-step ww-reveal\"><b>01<\/b><h3>Cel i zakres<\/h3><p>Ustalamy odbiorc\u00f3w, funkcj\u0119 strony, podstrony i potrzebne materia\u0142y.<\/p><\/article><article class=\"ww-step ww-reveal\"><b>02<\/b><h3>Struktura<\/h3><p>Porz\u0105dkuj\u0119 tre\u015bci i tworz\u0119 logiczn\u0105 kolejno\u015b\u0107 informacji.<\/p><\/article><article class=\"ww-step ww-reveal\"><b>03<\/b><h3>Kierunek<\/h3><p>Ustalam wygl\u0105d zgodny z mark\u0105 i charakterem firmy.<\/p><\/article><article class=\"ww-step ww-reveal\"><b>04<\/b><h3>Projekt<\/h3><p>Buduj\u0119 widoki, komponenty oraz wersj\u0119 responsywn\u0105.<\/p><\/article><article class=\"ww-step ww-reveal\"><b>05<\/b><h3>Testy<\/h3><p>Sprawdzam dzia\u0142anie, linki, formularze i uk\u0142ad na urz\u0105dzeniach.<\/p><\/article><article class=\"ww-step ww-reveal\"><b>06<\/b><h3>Publikacja<\/h3><p>Uruchamiam stron\u0119 i przekazuj\u0119 uzgodnione informacje.<\/p><\/article><\/div><\/div><\/section>\n\n<section class=\"ww-section\"><div class=\"ww-container ww-content-grid\"><div class=\"ww-reveal\"><div class=\"ww-eyebrow\">Tre\u015bci i materia\u0142y<\/div><h2 class=\"ww-heading ww-heading-sm\">Nie masz wszystkiego przygotowanego? <span class=\"ww-gradient-text\">To normalne.<\/span><\/h2><p class=\"ww-lead\">Strona wymaga tekst\u00f3w, zdj\u0119\u0107, logo i informacji o ofercie. Mo\u017cemy pracowa\u0107 na gotowych materia\u0142ach albo uporz\u0105dkowa\u0107 je podczas realizacji.<\/p><\/div><div class=\"ww-content-card ww-reveal\"><h3>Na pocz\u0105tku wystarczy:<\/h3><div class=\"ww-content-list\"><div><span>1<\/span><p>Kr\u00f3tki opis firmy, us\u0142ug i klient\u00f3w, do kt\u00f3rych kierujesz ofert\u0119.<\/p><\/div><div><span>2<\/span><p>Obecne logo, kolorystyka i materia\u0142y \u2014 je\u017celi marka ju\u017c je posiada.<\/p><\/div><div><span>3<\/span><p>Zdj\u0119cia w\u0142asne lub informacja, jakiego rodzaju materia\u0142\u00f3w wizualnych potrzebujemy.<\/p><\/div><div><span>4<\/span><p>Przyk\u0142ady stron, kt\u00f3re dobrze pokazuj\u0105 oczekiwany kierunek i funkcje.<\/p><\/div><div><span>5<\/span><p>Domena, hosting i dost\u0119p techniczny dopiero wtedy, gdy przechodzimy do wdro\u017cenia.<\/p><\/div><\/div><\/div><\/div><\/section>\n\n<section class=\"ww-section\"><div class=\"ww-container ww-faq-grid\"><div class=\"ww-sticky ww-reveal\"><div class=\"ww-eyebrow\">FAQ<\/div><h2 class=\"ww-heading ww-heading-sm\">Najcz\u0119stsze pytania o <span class=\"ww-gradient-text\">strony WWW.<\/span><\/h2><\/div><div class=\"ww-faq ww-reveal\"><details><summary>Ile kosztuje stworzenie strony?<\/summary><p>Cena zale\u017cy od liczby podstron, ilo\u015bci tre\u015bci, funkcji, wersji j\u0119zykowych i stopnia indywidualizacji. Po poznaniu zakresu przygotowuj\u0119 konkretn\u0105 wycen\u0119 zamiast przypadkowej ceny \u201eod\u201d.<\/p><\/details><details><summary>Jak d\u0142ugo trwa realizacja?<\/summary><p>Termin zale\u017cy od wielko\u015bci strony oraz gotowo\u015bci materia\u0142\u00f3w. Prosty landing page powstaje szybciej ni\u017c wieloj\u0119zyczny serwis z portfolio i rozbudowan\u0105 ofert\u0105. Harmonogram ustalamy przed rozpocz\u0119ciem.<\/p><\/details><details><summary>Czy strona b\u0119dzie dzia\u0142a\u0142a na telefonie?<\/summary><p>Tak. Responsywno\u015b\u0107 jest cz\u0119\u015bci\u0105 projektu. Uk\u0142ad dopasowuj\u0119 do komputer\u00f3w, tablet\u00f3w i smartfon\u00f3w, zamiast jedynie zmniejsza\u0107 wersj\u0119 desktopow\u0105.<\/p><\/details><details><summary>Czy mog\u0119 p\u00f3\u017aniej zmienia\u0107 tre\u015bci?<\/summary><p>To zale\u017cy od wybranego sposobu wdro\u017cenia, ale stron\u0119 mo\u017cemy przygotowa\u0107 tak, aby mo\u017cliwa by\u0142a samodzielna edycja wybranych element\u00f3w lub p\u00f3\u017aniejsza opieka z mojej strony.<\/p><\/details><details><summary>Czy przygotujesz wersj\u0119 niemieck\u0105?<\/summary><p>Tak. \u0141\u0105cz\u0119 web design z t\u0142umaczeniami i komunikacj\u0105 PL\u2013DE, dlatego mog\u0119 przygotowa\u0107 sp\u00f3jn\u0105 wersj\u0119 polsk\u0105 i niemieck\u0105 strony oraz dopasowa\u0107 przekaz do odbiorcy.<\/p><\/details><details><summary>Czy zapewniasz domen\u0119 i hosting?<\/summary><p>Mog\u0119 pom\u00f3c w wyborze i konfiguracji, natomiast domena oraz hosting powinny by\u0107 zarejestrowane na dane klienta. Dzi\u0119ki temu firma zachowuje pe\u0142n\u0105 kontrol\u0119 nad swoj\u0105 stron\u0105.<\/p><\/details><details><summary>Czy strona b\u0119dzie widoczna w Google?<\/summary><p>Przygotowuj\u0119 techniczne i tre\u015bciowe podstawy SEO, ale wysokie pozycje zale\u017c\u0105 r\u00f3wnie\u017c od konkurencji, jako\u015bci tre\u015bci, historii domeny i p\u00f3\u017aniejszych dzia\u0142a\u0144. Nie obiecuj\u0119 automatycznie pierwszego miejsca.<\/p><\/details><\/div><\/div><\/section>\n\n<section class=\"ww-section ww-cta\"><div class=\"ww-container ww-reveal\"><div class=\"ww-eyebrow\">Zacznijmy od rozmowy<\/div><h2 class=\"ww-heading\">Twoja strona mo\u017ce by\u0107 najlepszym miejscem do poznania <span class=\"ww-gradient-text\">Twojej firmy.<\/span><\/h2><p class=\"ww-lead\">Napisz, czym si\u0119 zajmujesz, czy masz ju\u017c stron\u0119 i jaki efekt chcesz osi\u0105gn\u0105\u0107. Zaproponuj\u0119 struktur\u0119 oraz zakres, kt\u00f3ry b\u0119dzie mia\u0142 sens.<\/p><div class=\"ww-actions\"><a class=\"ww-btn ww-btn-primary\" href=\"https:\/\/www.matawi.eu\/kontakt\/\">Wyce\u0144 moj\u0105 stron\u0119<\/a><a class=\"ww-btn\" href=\"mailto:info@matawi.eu\">Napisz e-mail<\/a><\/div><div class=\"ww-contact\"><a href=\"mailto:info@matawi.eu\">info@matawi.eu<\/a><span>\u00b7<\/span><a href=\"tel:+48574551960\">+48 574 551 960<\/a><span>\u00b7<\/span><a href=\"https:\/\/www.instagram.com\/matawi.eu\/\" target=\"_blank\" rel=\"noopener\">Instagram<\/a><\/div><\/div><\/section>\n<\/main>\n<script>(function(){const items=document.querySelectorAll('.ww-page .ww-reveal');if(!items.length)return;if(!('IntersectionObserver' in window)){items.forEach(function(i){i.classList.add('is-visible')});return}const observer=new IntersectionObserver(function(entries){entries.forEach(function(entry){if(entry.isIntersecting){entry.target.classList.add('is-visible');observer.unobserve(entry.target)}})},{threshold:.12});items.forEach(function(i){observer.observe(i)})}());<\/script>\n","protected":false},"excerpt":{"rendered":"<p>Projektowanie stron internetowych Strony,kt\u00f3re prowadz\u0105. Projektuj\u0119 nowoczesne strony firmowe, kt\u00f3re jasno pokazuj\u0105 ofert\u0119, buduj\u0105 wiarygodno\u015b\u0107 i prowadz\u0105 u\u017cytkownika do kontaktu \u2014 na komputerze, tablecie i telefonie. Porozmawiajmy o stronieZobacz realizacje Fliesen AndrulewiczDzia\u0142aj\u0105ca strona firmowa na rynek niemiecki Otw\u00f3rz stron\u0119 Web designResponsywno\u015b\u0107WordPressPodstawowe SEOPL \u00b7 DE \u00b7 EN Po co dobra strona? Twoja strona powinna wyja\u015bnia\u0107, przekonywa\u0107 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"template\/full-width-template.php","meta":{"footnotes":""},"class_list":["post-2110","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.matawi.eu\/de\/wp-json\/wp\/v2\/pages\/2110","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.matawi.eu\/de\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.matawi.eu\/de\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.matawi.eu\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.matawi.eu\/de\/wp-json\/wp\/v2\/comments?post=2110"}],"version-history":[{"count":3,"href":"https:\/\/www.matawi.eu\/de\/wp-json\/wp\/v2\/pages\/2110\/revisions"}],"predecessor-version":[{"id":2128,"href":"https:\/\/www.matawi.eu\/de\/wp-json\/wp\/v2\/pages\/2110\/revisions\/2128"}],"wp:attachment":[{"href":"https:\/\/www.matawi.eu\/de\/wp-json\/wp\/v2\/media?parent=2110"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}