export async function sendContactMessage(previous, formData) {

const text = (key) => String(formData.get(key) ?? "").trim();

const values = {

email: text("email"),

services: formData.getAll("services"),

message: text("message"),

};

const errors = {};

if (values.name.length < LIMITS.nameMin) errors.name = "Podaj swoje imię.";

if (!EMAIL_PATTERN.test(values.email)) errors.email = "Podaj poprawny e-mail.";

if (Object.keys(errors).length > 0) {

return { status: "error", errors, values };

}

const webhook = process.env.CONTACT_WEBHOOK_URL;

await fetch(webhook, {

method: "POST",

headers: { "Content-Type": "application/json" },

body: JSON.stringify({ ...values, sentAt: new Date() }),

});

return { status: "success" };

}

export async function sendContactMessage(previous, formData) {

const text = (key) => String(formData.get(key) ?? "").trim();

const values = {

email: text("email"),

services: formData.getAll("services"),

message: text("message"),

};

const errors = {};

if (values.name.length < LIMITS.nameMin) errors.name = "Podaj swoje imię.";

if (!EMAIL_PATTERN.test(values.email)) errors.email = "Podaj poprawny e-mail.";

if (Object.keys(errors).length > 0) {

return { status: "error", errors, values };

}

const webhook = process.env.CONTACT_WEBHOOK_URL;

await fetch(webhook, {

method: "POST",

headers: { "Content-Type": "application/json" },

body: JSON.stringify({ ...values, sentAt: new Date() }),

});

return { status: "success" };

}

export async function sendContactMessage(previous, formData) {

const text = (key) => String(formData.get(key) ?? "").trim();

const values = {

email: text("email"),

services: formData.getAll("services"),

message: text("message"),

};

const errors = {};

if (values.name.length < LIMITS.nameMin) errors.name = "Podaj swoje imię.";

if (!EMAIL_PATTERN.test(values.email)) errors.email = "Podaj poprawny e-mail.";

if (Object.keys(errors).length > 0) {

return { status: "error", errors, values };

}

const webhook = process.env.CONTACT_WEBHOOK_URL;

await fetch(webhook, {

method: "POST",

headers: { "Content-Type": "application/json" },

body: JSON.stringify({ ...values, sentAt: new Date() }),

});

return { status: "success" };

}

export async function sendContactMessage(previous, formData) {

const text = (key) => String(formData.get(key) ?? "").trim();

const values = {

email: text("email"),

services: formData.getAll("services"),

message: text("message"),

};

const errors = {};

if (values.name.length < LIMITS.nameMin) errors.name = "Podaj swoje imię.";

if (!EMAIL_PATTERN.test(values.email)) errors.email = "Podaj poprawny e-mail.";

if (Object.keys(errors).length > 0) {

return { status: "error", errors, values };

}

const webhook = process.env.CONTACT_WEBHOOK_URL;

await fetch(webhook, {

method: "POST",

headers: { "Content-Type": "application/json" },

body: JSON.stringify({ ...values, sentAt: new Date() }),

});

return { status: "success" };

}

export function Hero() {

return (

<Line>Strony, które</Line>

<Line>zdobywają</Line>

<Line className="text-brand">klientów.</Line>

</h1>

Darmowa wycena

</ButtonLink>

</section>

);

}

const nextConfig = {

images: {

formats: ["image/avif", "image/webp"],

qualities: [70, 75, 82],

};

export function Hero() {

return (

<Line>Strony, które</Line>

<Line>zdobywają</Line>

<Line className="text-brand">klientów.</Line>

</h1>

Darmowa wycena

</ButtonLink>

</section>

);

}

const nextConfig = {

images: {

formats: ["image/avif", "image/webp"],

qualities: [70, 75, 82],

};

export function Hero() {

return (

<Line>Strony, które</Line>

<Line>zdobywają</Line>

<Line className="text-brand">klientów.</Line>

</h1>

Darmowa wycena

</ButtonLink>

</section>

);

}

const nextConfig = {

images: {

formats: ["image/avif", "image/webp"],

qualities: [70, 75, 82],

};

export function Hero() {

return (

<Line>Strony, które</Line>

<Line>zdobywają</Line>

<Line className="text-brand">klientów.</Line>

</h1>

Darmowa wycena

</ButtonLink>

</section>

);

}

const nextConfig = {

images: {

formats: ["image/avif", "image/webp"],

qualities: [70, 75, 82],

};

@theme {

--color-canvas: #070b18;

--color-blue: #2f5cf0;

--color-cyan: #22d3ee;

--radius-card: 20px;

}

.code-drift {

animation: code-drift 90s linear infinite;

}

export const services = [

{ id: "design", title: "Projektowanie stron" },

{ id: "development", title: "Tworzenie stron" },

{ id: "wordpress", title: "WordPress" },

{ id: "redesign", title: "Redesign strony" },

{ id: "landing", title: "Landing page" },

{ id: "maintenance", title: "Opieka nad stroną" },

];

useEffect(() => {

const observer = new IntersectionObserver(reveal);

elements.forEach((element) => observer.observe(element));

return () => observer.disconnect();

}, []);

@theme {

--color-canvas: #070b18;

--color-blue: #2f5cf0;

--color-cyan: #22d3ee;

--radius-card: 20px;

}

.code-drift {

animation: code-drift 90s linear infinite;

}

export const services = [

{ id: "design", title: "Projektowanie stron" },

{ id: "development", title: "Tworzenie stron" },

{ id: "wordpress", title: "WordPress" },

{ id: "redesign", title: "Redesign strony" },

{ id: "landing", title: "Landing page" },

{ id: "maintenance", title: "Opieka nad stroną" },

];

useEffect(() => {

const observer = new IntersectionObserver(reveal);

elements.forEach((element) => observer.observe(element));

return () => observer.disconnect();

}, []);

@theme {

--color-canvas: #070b18;

--color-blue: #2f5cf0;

--color-cyan: #22d3ee;

--radius-card: 20px;

}

.code-drift {

animation: code-drift 90s linear infinite;

}

export const services = [

{ id: "design", title: "Projektowanie stron" },

{ id: "development", title: "Tworzenie stron" },

{ id: "wordpress", title: "WordPress" },

{ id: "redesign", title: "Redesign strony" },

{ id: "landing", title: "Landing page" },

{ id: "maintenance", title: "Opieka nad stroną" },

];

useEffect(() => {

const observer = new IntersectionObserver(reveal);

elements.forEach((element) => observer.observe(element));

return () => observer.disconnect();

}, []);

@theme {

--color-canvas: #070b18;

--color-blue: #2f5cf0;

--color-cyan: #22d3ee;

--radius-card: 20px;

}

.code-drift {

animation: code-drift 90s linear infinite;

}

export const services = [

{ id: "design", title: "Projektowanie stron" },

{ id: "development", title: "Tworzenie stron" },

{ id: "wordpress", title: "WordPress" },

{ id: "redesign", title: "Redesign strony" },

{ id: "landing", title: "Landing page" },

{ id: "maintenance", title: "Opieka nad stroną" },

];

useEffect(() => {

const observer = new IntersectionObserver(reveal);

elements.forEach((element) => observer.observe(element));

return () => observer.disconnect();

}, []);

> tworzymy strony internetowe

Strony, którezdobywająklientów.

Projektujemy i budujemy szybkie, nowoczesne strony dla firm, które chcą wyglądać profesjonalnie i dostawać więcej zapytań.

Darmowa wycena Zobacz projekty

Twoja strona powinna pracować tak ciężko jak Ty.

Projektujemy strony, które budzą zaufanie, jasno mówią, co oferujesz, i zamieniają odwiedzających w klientów.

Brzmi znajomo?

Strona wygląda, jakby miała dziesięć lat.
Na telefonie trzeba ją powiększać palcami.
Klienci nie znajdują jej w Google.
Ludzie wchodzą, ale nie dzwonią ani nie piszą.
Każda drobna zmiana to telefon do informatyka.
Strony nie ma wcale, a konkurencja ma.

Naprawiamy każdy z tych problemów.

Darmowa wycena

Co robimy

Projektujemy i budujemy strony internetowe od pierwszego szkicu aż po start. Takie, które szybko działają, świetnie wyglądają na telefonie i przyprowadzają klientów.

Robimy strony firmowe, landing page i strony na WordPressie, a przestarzałym stronom dajemy nowe życie w redesignie.

Zajmujemy się wszystkim: projektem, kodem, domeną i hostingiem. Po starcie możemy dalej dbać o aktualizacje i zmiany.

Wybrane projekty

Kilka stron, które zaprojektowaliśmy i zbudowaliśmy.

01
Realizacja 01
Wkrótce
Tu pojawi się jedna z naszych realizacji.
02
Realizacja 02
Wkrótce
Tu pojawi się jedna z naszych realizacji.
03
Realizacja 03
Wkrótce
Tu pojawi się jedna z naszych realizacji.

Dwie osoby. Jedno studio.

SW Studio to Wiktor i Samuel. Pracujemy razem nad każdym projektem: obaj projektujemy i obaj programujemy, więc rozmawiasz z osobami, które naprawdę budują Twoją stronę.

Bez opiekunów klienta i bez przekazywania projektu dalej. Możesz zadzwonić albo napisać do każdego z nas, od pierwszej rozmowy aż do startu i dłużej.

Zdjęcie: Wiktor Sołtysik — Wiktor Sołtysik
Właściciel, projektant i developer
+48 798 455 132
Zadzwoń WhatsApp

Samuel Fijak

Właściciel, projektant i developer

+48 504 299 553

Zadzwoń WhatsApp

Dlaczego SW Studio?

Indywidualne podejście. Rozmawiasz bezpośrednio z osobami, które budują Twoją stronę.
Projekt pod Ciebie. Nie wierzymy, że każda firma potrzebuje takiej samej strony.
Aktualne narzędzia. Budujemy na sprawdzonej, szeroko wspieranej technologii, więc strona długo zostaje szybka i łatwa w aktualizacji.
Najpierw smartfon. Twoja strona musi bez zarzutu działać na telefonach.
Jasna komunikacja. Bez niepotrzebnego agencyjnego żargonu.
Na lata. Tworzymy strony, które mogą rosnąć razem z Twoją firmą.

Ile kosztuje strona?

To zależy od tego, czego potrzebujesz, dlatego zamiast cennika robimy bezpłatną wycenę konkretnego projektu.

Od czego zależy cena

Liczba podstron: Jedna strona czy pełny serwis z ofertą i blogiem.
Zakres projektu: Ile sekcji trzeba zaprojektować od podstaw.
Funkcje: Rezerwacje, wersje językowe, integracje, sklep.
Treści i zdjęcia: Gotowe czy do przygotowania.
Samodzielna edycja: Na przykład w WordPressie.
Termin: Na kiedy strona ma być gotowa.

Koszt wyceny0 zł

Darmowa wycena

Najczęstsze pytania

Ile trwa zrobienie strony?

To zależy od zakresu. Termin ustalamy na początku i podajemy go w wycenie, razem z planem kolejnych etapów.

Co muszę przygotować?

Na start wystarczy rozmowa o firmie i klientach. Jeśli masz logo, teksty i zdjęcia, świetnie. Jeśli nie, powiedz o tym od razu, a ustalimy, jak to rozwiązać.

Czy będę mógł sam edytować stronę?

Tak, jeśli tego potrzebujesz. Możemy zbudować stronę na WordPressie, w którym samodzielnie zmienisz teksty i zdjęcia.

Czy pomożecie z domeną i hostingiem?

Tak. Pomożemy wybrać domenę i hosting oraz wszystko skonfigurować, żeby strona działała pod Twoim adresem.

Co dzieje się po starcie strony?

Jeśli chcesz, dalej się nią opiekujemy: aktualizacje, poprawki i zmiany treści. Możesz też po prostu zadzwonić, gdy będziesz czegoś potrzebować.

Czy możecie poprawić stronę zrobioną przez kogoś innego?

Tak. Najpierw ją przejrzymy i szczerze powiemy, czy warto ją odświeżyć, czy lepiej zbudować od nowa.

export async function sendContactMessage(previous, formData) {

const text = (key) => String(formData.get(key) ?? "").trim();

const values = {

email: text("email"),

services: formData.getAll("services"),

message: text("message"),

};

const errors = {};

if (values.name.length < LIMITS.nameMin) errors.name = "Podaj swoje imię.";

if (!EMAIL_PATTERN.test(values.email)) errors.email = "Podaj poprawny e-mail.";

if (Object.keys(errors).length > 0) {

return { status: "error", errors, values };

}

const webhook = process.env.CONTACT_WEBHOOK_URL;

await fetch(webhook, {

method: "POST",

headers: { "Content-Type": "application/json" },

body: JSON.stringify({ ...values, sentAt: new Date() }),

});

return { status: "success" };

}

export async function sendContactMessage(previous, formData) {

const text = (key) => String(formData.get(key) ?? "").trim();

const values = {

email: text("email"),

services: formData.getAll("services"),

message: text("message"),

};

const errors = {};

if (values.name.length < LIMITS.nameMin) errors.name = "Podaj swoje imię.";

if (!EMAIL_PATTERN.test(values.email)) errors.email = "Podaj poprawny e-mail.";

if (Object.keys(errors).length > 0) {

return { status: "error", errors, values };

}

const webhook = process.env.CONTACT_WEBHOOK_URL;

await fetch(webhook, {

method: "POST",

headers: { "Content-Type": "application/json" },

body: JSON.stringify({ ...values, sentAt: new Date() }),

});

return { status: "success" };

}

export async function sendContactMessage(previous, formData) {

const text = (key) => String(formData.get(key) ?? "").trim();

const values = {

email: text("email"),

services: formData.getAll("services"),

message: text("message"),

};

const errors = {};

if (values.name.length < LIMITS.nameMin) errors.name = "Podaj swoje imię.";

if (!EMAIL_PATTERN.test(values.email)) errors.email = "Podaj poprawny e-mail.";

if (Object.keys(errors).length > 0) {

return { status: "error", errors, values };

}

const webhook = process.env.CONTACT_WEBHOOK_URL;

await fetch(webhook, {

method: "POST",

headers: { "Content-Type": "application/json" },

body: JSON.stringify({ ...values, sentAt: new Date() }),

});

return { status: "success" };

}

export async function sendContactMessage(previous, formData) {

const text = (key) => String(formData.get(key) ?? "").trim();

const values = {

email: text("email"),

services: formData.getAll("services"),

message: text("message"),

};

const errors = {};

if (values.name.length < LIMITS.nameMin) errors.name = "Podaj swoje imię.";

if (!EMAIL_PATTERN.test(values.email)) errors.email = "Podaj poprawny e-mail.";

if (Object.keys(errors).length > 0) {

return { status: "error", errors, values };

}

const webhook = process.env.CONTACT_WEBHOOK_URL;

await fetch(webhook, {

method: "POST",

headers: { "Content-Type": "application/json" },

body: JSON.stringify({ ...values, sentAt: new Date() }),

});

return { status: "success" };

}

export function Hero() {

return (

<Line>Strony, które</Line>

<Line>zdobywają</Line>

<Line className="text-brand">klientów.</Line>

</h1>

Darmowa wycena

</ButtonLink>

</section>

);

}

const nextConfig = {

images: {

formats: ["image/avif", "image/webp"],

qualities: [70, 75, 82],

};

export function Hero() {

return (

<Line>Strony, które</Line>

<Line>zdobywają</Line>

<Line className="text-brand">klientów.</Line>

</h1>

Darmowa wycena

</ButtonLink>

</section>

);

}

const nextConfig = {

images: {

formats: ["image/avif", "image/webp"],

qualities: [70, 75, 82],

};

export function Hero() {

return (

<Line>Strony, które</Line>

<Line>zdobywają</Line>

<Line className="text-brand">klientów.</Line>

</h1>

Darmowa wycena

</ButtonLink>

</section>

);

}

const nextConfig = {

images: {

formats: ["image/avif", "image/webp"],

qualities: [70, 75, 82],

};

export function Hero() {

return (

<Line>Strony, które</Line>

<Line>zdobywają</Line>

<Line className="text-brand">klientów.</Line>

</h1>

Darmowa wycena

</ButtonLink>

</section>

);

}

const nextConfig = {

images: {

formats: ["image/avif", "image/webp"],

qualities: [70, 75, 82],

};

@theme {

--color-canvas: #070b18;

--color-blue: #2f5cf0;

--color-cyan: #22d3ee;

--radius-card: 20px;

}

.code-drift {

animation: code-drift 90s linear infinite;

}

export const services = [

{ id: "design", title: "Projektowanie stron" },

{ id: "development", title: "Tworzenie stron" },

{ id: "wordpress", title: "WordPress" },

{ id: "redesign", title: "Redesign strony" },

{ id: "landing", title: "Landing page" },

{ id: "maintenance", title: "Opieka nad stroną" },

];

useEffect(() => {

const observer = new IntersectionObserver(reveal);

elements.forEach((element) => observer.observe(element));

return () => observer.disconnect();

}, []);

@theme {

--color-canvas: #070b18;

--color-blue: #2f5cf0;

--color-cyan: #22d3ee;

--radius-card: 20px;

}

.code-drift {

animation: code-drift 90s linear infinite;

}

export const services = [

{ id: "design", title: "Projektowanie stron" },

{ id: "development", title: "Tworzenie stron" },

{ id: "wordpress", title: "WordPress" },

{ id: "redesign", title: "Redesign strony" },

{ id: "landing", title: "Landing page" },

{ id: "maintenance", title: "Opieka nad stroną" },

];

useEffect(() => {

const observer = new IntersectionObserver(reveal);

elements.forEach((element) => observer.observe(element));

return () => observer.disconnect();

}, []);

@theme {

--color-canvas: #070b18;

--color-blue: #2f5cf0;

--color-cyan: #22d3ee;

--radius-card: 20px;

}

.code-drift {

animation: code-drift 90s linear infinite;

}

export const services = [

{ id: "design", title: "Projektowanie stron" },

{ id: "development", title: "Tworzenie stron" },

{ id: "wordpress", title: "WordPress" },

{ id: "redesign", title: "Redesign strony" },

{ id: "landing", title: "Landing page" },

{ id: "maintenance", title: "Opieka nad stroną" },

];

useEffect(() => {

const observer = new IntersectionObserver(reveal);

elements.forEach((element) => observer.observe(element));

return () => observer.disconnect();

}, []);

@theme {

--color-canvas: #070b18;

--color-blue: #2f5cf0;

--color-cyan: #22d3ee;

--radius-card: 20px;

}

.code-drift {

animation: code-drift 90s linear infinite;

}

export const services = [

{ id: "design", title: "Projektowanie stron" },

{ id: "development", title: "Tworzenie stron" },

{ id: "wordpress", title: "WordPress" },

{ id: "redesign", title: "Redesign strony" },

{ id: "landing", title: "Landing page" },

{ id: "maintenance", title: "Opieka nad stroną" },

];

useEffect(() => {

const observer = new IntersectionObserver(reveal);

elements.forEach((element) => observer.observe(element));

return () => observer.disconnect();

}, []);

Zbudujmy Twoją następną stronę.

Napisz, nad czym pracujesz, a wrócimy z bezpłatną wyceną. Wolisz rozmowę? Zadzwoń.

Wiktor Sołtysik
+48 798 455 132
Samuel Fijak
+48 504 299 553

Strony, którezdobywająklientów.

Twoja strona powinna pracować tak ciężko jak Ty.

Brzmi znajomo?

Co robimy

Wybrane projekty

Realizacja 01

Realizacja 02

Realizacja 03

Dwie osoby. Jedno studio.

Dlaczego SW Studio?

Ile kosztuje strona?

Od czego zależy cena

Najczęstsze pytania

Zbudujmy Twoją następną stronę.