Tworzenie stron internetowych Zawiercie

useEffect(() => { ... })className="text-[#F3F1EB] tracking-tight"git commit -m "ship it"export const Route = createFileRoute('/')ScrollTrigger.refresh()ScrollTrigger.refresh()ScrollTrigger.refresh()useEffect(() => { ... })className="text-[#F3F1EB] tracking-tight"git commit -m "ship it"export const Route = createFileRoute('/')ScrollTrigger.refresh()ScrollTrigger.refresh()ScrollTrigger.refresh()

const projects = ["Mouzi"] // local-first, no cloudtype Project = { name: string; category: string }privacy-firstrequestAnimationFrame(loop)requestAnimationFrame(loop)queryClient.ensureQueryData(opts)await chrome.storage.local.set(state)const projects = ["Mouzi"] // local-first, no cloudtype Project = { name: string; category: string }privacy-firstrequestAnimationFrame(loop)requestAnimationFrame(loop)queryClient.ensureQueryData(opts)await chrome.storage.local.set(state)

deterministic answers firstqueryClient.ensureQueryData(opts)rel="canonical"{ "manifest_version": 3, "permissions": ["storage"] }deterministic answers firstrequestAnimationFrame(loop)queryClient.ensureQueryData(opts)deterministic answers firstqueryClient.ensureQueryData(opts)rel="canonical"{ "manifest_version": 3, "permissions": ["storage"] }deterministic answers firstrequestAnimationFrame(loop)queryClient.ensureQueryData(opts)

await chrome.storage.local.set(state)const [ready, setReady] = useState(false)export default function Hero() {await chrome.storage.local.set(state)export const Route = createFileRoute('/')export const Route = createFileRoute('/')export default function Hero() {await chrome.storage.local.set(state)const [ready, setReady] = useState(false)export default function Hero() {await chrome.storage.local.set(state)export const Route = createFileRoute('/')export const Route = createFileRoute('/')export default function Hero() {

return <Outlet />return <Outlet />className="text-[#F3F1EB] tracking-tight"chrome.runtime.onInstallednpm run buildtype Project = { name: string; category: string }const projects = ["Mouzi"] // local-first, no cloudreturn <Outlet />return <Outlet />className="text-[#F3F1EB] tracking-tight"chrome.runtime.onInstallednpm run buildtype Project = { name: string; category: string }const projects = ["Mouzi"] // local-first, no cloud

type Project = { name: string; category: string }pnpm dlx tsc --noEmitrel="canonical"ScrollTrigger.refresh()requestAnimationFrame(loop)onScroll → passive: truegit commit -m "ship it"type Project = { name: string; category: string }pnpm dlx tsc --noEmitrel="canonical"ScrollTrigger.refresh()requestAnimationFrame(loop)onScroll → passive: truegit commit -m "ship it"

pnpm dlx tsc --noEmitnpm run buildrel="canonical"export default function Hero() {no fluffconst projects = ["Mouzi"] // local-first, no cloudqueryClient.ensureQueryData(opts)pnpm dlx tsc --noEmitnpm run buildrel="canonical"export default function Hero() {no fluffconst projects = ["Mouzi"] // local-first, no cloudqueryClient.ensureQueryData(opts)

cache-control: public, max-age=31536000return <Outlet />type Project = { name: string; category: string }requestAnimationFrame(loop)className="text-[#F3F1EB] tracking-tight"performance.mark('hydrate:end')useEffect(() => { ... })cache-control: public, max-age=31536000return <Outlet />type Project = { name: string; category: string }requestAnimationFrame(loop)className="text-[#F3F1EB] tracking-tight"performance.mark('hydrate:end')useEffect(() => { ... })

{ "manifest_version": 3, "permissions": ["storage"] }await chrome.storage.local.set(state)await chrome.storage.local.set(state)gsap.to(el, { yPercent: -14 })deterministic answers firstexport const Route = createFileRoute('/')privacy-first{ "manifest_version": 3, "permissions": ["storage"] }await chrome.storage.local.set(state)await chrome.storage.local.set(state)gsap.to(el, { yPercent: -14 })deterministic answers firstexport const Route = createFileRoute('/')privacy-first

git commit -m "ship it"type Project = { name: string; category: string }return <Outlet />cache-control: public, max-age=31536000cache-control: public, max-age=31536000requestAnimationFrame(loop)git commit -m "ship it"git commit -m "ship it"type Project = { name: string; category: string }return <Outlet />cache-control: public, max-age=31536000cache-control: public, max-age=31536000requestAnimationFrame(loop)git commit -m "ship it"

performance.mark('hydrate:end')privacy-firstno fluff{ "manifest_version": 3, "permissions": ["storage"] }git commit -m "ship it"ScrollTrigger.refresh()gsap.to(el, { yPercent: -14 })performance.mark('hydrate:end')privacy-firstno fluff{ "manifest_version": 3, "permissions": ["storage"] }git commit -m "ship it"ScrollTrigger.refresh()gsap.to(el, { yPercent: -14 })

type Project = { name: string; category: string }{ "manifest_version": 3, "permissions": ["storage"] }requestAnimationFrame(loop)meta name="description"git commit -m "ship it"no fluffScrollTrigger.refresh()type Project = { name: string; category: string }{ "manifest_version": 3, "permissions": ["storage"] }requestAnimationFrame(loop)meta name="description"git commit -m "ship it"no fluffScrollTrigger.refresh()

chrome.runtime.onInstalledchrome.runtime.onInstalledprivacy-firstno fluffScrollTrigger.refresh()await chrome.storage.local.set(state){ "manifest_version": 3, "permissions": ["storage"] }chrome.runtime.onInstalledchrome.runtime.onInstalledprivacy-firstno fluffScrollTrigger.refresh()await chrome.storage.local.set(state){ "manifest_version": 3, "permissions": ["storage"] }

pnpm dlx tsc --noEmitexport const Route = createFileRoute('/')rel="canonical"onScroll → passive: trueprivacy-firstperformance.mark('hydrate:end')onScroll → passive: truepnpm dlx tsc --noEmitexport const Route = createFileRoute('/')rel="canonical"onScroll → passive: trueprivacy-firstperformance.mark('hydrate:end')onScroll → passive: true

pnpm dlx tsc --noEmitexport const Route = createFileRoute('/')no fluffrel="canonical"className="text-[#F3F1EB] tracking-tight"const projects = ["Mouzi"] // local-first, no cloudno fluffpnpm dlx tsc --noEmitexport const Route = createFileRoute('/')no fluffrel="canonical"className="text-[#F3F1EB] tracking-tight"const projects = ["Mouzi"] // local-first, no cloudno fluff

className="text-[#F3F1EB] tracking-tight"chrome.runtime.onInstalledclassName="text-[#F3F1EB] tracking-tight"useEffect(() => { ... })return <Outlet />gsap.to(el, { yPercent: -14 })gsap.to(el, { yPercent: -14 })className="text-[#F3F1EB] tracking-tight"chrome.runtime.onInstalledclassName="text-[#F3F1EB] tracking-tight"useEffect(() => { ... })return <Outlet />gsap.to(el, { yPercent: -14 })gsap.to(el, { yPercent: -14 })

{ "manifest_version": 3, "permissions": ["storage"] }className="text-[#F3F1EB] tracking-tight"export const Route = createFileRoute('/')requestAnimationFrame(loop)performance.mark('hydrate:end')local-first{ "manifest_version": 3, "permissions": ["storage"] }{ "manifest_version": 3, "permissions": ["storage"] }className="text-[#F3F1EB] tracking-tight"export const Route = createFileRoute('/')requestAnimationFrame(loop)performance.mark('hydrate:end')local-first{ "manifest_version": 3, "permissions": ["storage"] }

queryClient.ensureQueryData(opts)cache-control: public, max-age=31536000return <Outlet />privacy-firstchrome.runtime.onInstalledonScroll → passive: trueawait chrome.storage.local.set(state)queryClient.ensureQueryData(opts)cache-control: public, max-age=31536000return <Outlet />privacy-firstchrome.runtime.onInstalledonScroll → passive: trueawait chrome.storage.local.set(state)

queryClient.ensureQueryData(opts)gsap.to(el, { yPercent: -14 })requestAnimationFrame(loop)requestAnimationFrame(loop){ "manifest_version": 3, "permissions": ["storage"] }npm run buildawait chrome.storage.local.set(state)queryClient.ensureQueryData(opts)gsap.to(el, { yPercent: -14 })requestAnimationFrame(loop)requestAnimationFrame(loop){ "manifest_version": 3, "permissions": ["storage"] }npm run buildawait chrome.storage.local.set(state)

rel="canonical"export const Route = createFileRoute('/')useEffect(() => { ... })performance.mark('hydrate:end')rel="canonical"export const Route = createFileRoute('/')useEffect(() => { ... })performance.mark('hydrate:end')

chrome.runtime.onInstalledScrollTrigger.refresh()no fluffperformance.mark('hydrate:end')chrome.runtime.onInstalledScrollTrigger.refresh()no fluffperformance.mark('hydrate:end')

local-firstconst [ready, setReady] = useState(false)await chrome.storage.local.set(state)export default function Hero() {local-firstconst [ready, setReady] = useState(false)await chrome.storage.local.set(state)export default function Hero() {

Krystian Welcel

Tworzę strony internetowe i prowadzę lokalne SEO dla firm z Zawiercia i okolic. Z klientami z całej Polski pracuję również zdalnie — od projektu i wdrożenia po publikację i opiekę.

Porozmawiajmy Zobacz realizacje

Strony WWW ZawiercieZobacz ofertę

Zawiercie, Polska
Strony internetowe
Lokalne SEO
Rozszerzenia Chrome
Freelance developer
Przewiń ↓

Strony internetowe lokalnie

01 / O mnie

Krystian Welcel

Strony WWWZawiercie i okolice

Zawiercie, PL — projekt, kod, publikacja

Lokalizacja: Zawiercie, PL — zdalnie
Zajmuję się: Strony / Produkty / Rozszerzenia
Rozwijam: Mouzi — lokalny organizer plików
Status: Freelance developer

Hej, tu Krystian. Projektuję i wdrażam strony internetowe dla firm z Zawiercia i okolic. Pomagam dobrze pokazać ofertę, zadbać o widoczność w Google i ułatwić klientom kontakt.

Dla lokalnych firm przygotowałem osobną ofertę tworzenia stron internetowych w Zawierciu.

Nie zaczynam od wyboru technologii. Najpierw chcę zrozumieć firmę, jej klientów i cel strony. Później zajmuję się projektem, kodem, wersją mobilną, formularzem oraz publikacją.

Poza stronami klientów prowadzę własne serwisy i tworzę narzędzia, których sam potrzebuję. Dzięki temu sprawdzam swoje rozwiązania na prawdziwych użytkownikach, a nie tylko w środowisku testowym.

Dużą część pracy publikuję na GitHubie. Możesz tam zobaczyć moje aplikacje open source, aktywne projekty i kod, który rozwijam także po premierze.

Piszę też dwa blogi. Na straycode.dev publikuję po angielsku o kodowaniu i rozwijaniu własnych projektów. Na nieblog.pl uciekam od technologii i piszę o rzeczach, które akurat mnie ciekawią. Może któraś zaciekawi też Ciebie.

Nie zaczynam od technologii.
Zaczynam od problemu.

github.com/hsr88

Co mogę dla Ciebiezrobić?

03 / Usługi

Od pomysłudo wdrożenia.

Pracuję przy stronach firmowych, opiece technicznej i widoczności lokalnej. Od pierwszej koncepcji po publikację i dalszy rozwój.

Tworzenie stron internetowych

Szybkie strony firmowe i serwisy treściowe: responsywne wdrożenie, CMS jeśli jest potrzebny, formularze, publikacja i techniczne podstawy SEO.

Zobacz zakres →

React
Next.js
WordPress
CMS

Opieka nad stroną

Utrzymanie, aktualizacje, poprawki, wydajność i dalszy rozwój strony po publikacji.

Zobacz zakres →

WordPress
Astro
Next.js
React

Optymalizacja Profilu Firmy w Google

Porządkuję Profil Firmy w Google: ofertę, kategorie, informacje, zdjęcia i prezentację opinii. Plus podstawy lokalnego SEO.

Zobacz zakres →

Google Maps
Lokalne SEO
Opinie
Zawiercie

01Tworzenie stron internetowych

Mniej chaosu.

Więcej efektu.

04 / Realizacje

WYBRANEREALIZACJE

Projekty, które dobrze pokazują, jak pracuję — od strony usługowej dla lokalnej firmy po większy serwis z katalogiem. Każdą można otworzyć na żywo.

01 / 17

01Otwórz ↗

Strona / Private banking / Finanse

Aporeum Private Bank

Nowoczesna strona bankowości prywatnej — dyskretna prezentacja zarządzania majątkiem, doradztwa i perspektyw inwestycyjnych.

React
Motion
Fintech
Premium UI

02Otwórz ↗

Strona / Napoje funkcjonalne / E-commerce

ŻYWA® — energia, która nie krzyczy

Wyrazista strona marki napojów funkcjonalnych — prezentacja smaków, składu i energii produktu bez wizualnego hałasu.

React
Motion
Branding
E-commerce

03Otwórz ↗

Strona / Wellness / Sen

NocnaZmiana — śpij lepiej

Nastrojowa strona aplikacji wspierającej sen — historie, ćwiczenia oddechowe i kojące dźwięki w jednym doświadczeniu.

React
Motion
Web Audio
UX/UI

04Otwórz ↗

Strona / Psychoterapia / Zawiercie

Psychoterapeutka Anna Zębalska-Orman

Spokojna, czytelna strona gabinetu w Zawierciu — oferta, zakres pomocy i kontakt bez zbędnych kroków.

Strona usługowa
Lokalne SEO
Kontakt

05Otwórz ↗

Strona / Fotografia / Zawiercie

Kadr — Atelier Fotograficzne

Portfolio atelier fotograficznego w Zawierciu — autorska prezentacja światła, portretów i wybranych prac.

React
Portfolio
Motion
Local SEO

06Otwórz ↗

Strona / Marketplace

Pallet Ross

Marketplace sztuki łączący niezależnych artystów z kolekcjonerami.

React
Tailwind

07Otwórz ↗

Strona / Psychoterapia

Anna Kowal — Terapia Dzieci

Strona psychoterapeutki dzieci i młodzieży — metody pracy i umawianie konsultacji.

React
Three.js

08Otwórz ↗

Strona / Sport

Jura Ascends

Szkoła wspinaczki i via ferraty na Jurze Krakowsko-Częstochowskiej.

Next.js
Framer Motion

09Otwórz ↗

Strona / Usługi lokalne

Oknocare Zawiercie

Lokalny serwis okien — jasny zakres napraw i prosta droga do bezpłatnej diagnozy.

React
Local SEO

10Otwórz ↗

Strona / Restauracja

Amber Hall

Restauracja i sala bankietowa — wesela, komunie, chrzciny.

React
Tailwind

11Otwórz ↗

Strona / Kawiarnia

Jura Blend Experience

Kawiarnia specialty w Zawierciu z widokiem na Jurę.

Next.js
Tailwind

12Otwórz ↗

Strona / Fitness

IRON Siłownia

Klub fitness i CrossFit Box — zajęcia grupowe i treningi personalne.

React
Tailwind

13Otwórz ↗

Strona / Portfolio

Pracownia Rzeźbiarska Marek Korzeń

Portfolio rzeźbiarza — prace w kamieniu, brązie i stali oraz sekcja zleceń.

React
Tailwind

14Otwórz ↗

Strona / Dla dzieci

Leśna Kraina

Sala zabaw — zjeżdżalnie, basen z kulkami, urodziny i strefa dla rodziców.

React
Cloudflare Workers

15Otwórz ↗

Strona / E-commerce

Azjatyckie Rękodzieło

Sklep z rękodziełem i wyrobami z Chin, Japonii i Kazachstanu.

React
Tailwind

16Otwórz ↗

Strona / Fizjoterapia

FizjoDemo

Gabinet fizjoterapii i masażu — usługi, cennik i formularz kontaktowy.

Next.js
Tailwind

17Otwórz ↗

Strona / Turystyka

Jura

Przewodnik po Jurze Krakowsko-Częstochowskiej — szlaki, zabytki i atrakcje.

React
Tailwind

Przeciągnij poziomo / użyj strzałek

ZOBACZ WSZYSTKIE REALIZACJE

PROWADZISZ FIRMĘ??ZRÓBMY JEJ DOBRĄ STRONĘ.

Opowiedz mi, czego potrzebujesz. Powiem Ci, jak można to sensownie zaprojektować i wdrożyć.

OPOWIEDZ MI O PROJEKCIE

05 / Produkty

BUDUJĘ TEŻWŁASNE PRODUKTY.

Nie tylko strony dla klientów. Rozwijam też własne aplikacje i narzędzia — kod jest publiczny, a rozwiązania sprawdzam na sobie.

Główny projekt open source

Mouzi

Automatyczny organizator plików działający cicho w tle. Monitoruje foldery i sortuje nowe pliki według elastycznych reguł — bez wyskakujących okienek i wysyłania danych do chmury. W 100% lokalny, z historią akcji i opcją cofania zmian.

Windows
Linux
Open Source

gwiazdek na GitHubie: 857
lokalnie, bez chmury: 100%

Zobacz repozytorium na GitHub mouzi.cc

Sortowanie według Twoich własnych reguł↗
Monitoruje foldery w tle↗
W 100% lokalnie — nic nie opuszcza komputera↗
Historia akcji i cofanie zmian↗

06 / Stack

NARZĘDZIA SIĘ ZMIENIAJĄ.LICZY SIĘ EFEKT.

Stack dobieram do problemu, nie odwrotnie — od WordPressa dla klienta po React i narzędzia działające lokalnie.

React
TypeScript
Next.js
Tailwind CSS
Node.js
WordPress
Astro
Chrome Extensions
PWA

Podstawy: HTML5 · CSS3 · JavaScript · Git
Dane i API: REST API · WebSockets · Canvas API · LocalStorage
Obszary: Responsive Design · Lokalne SEO · Integracje AI · Desktop

07 / Proces

OD POMYSŁU.DO GOTOWEJ STRONY.

Cztery etapy, jeden kontakt. Bez agencyjnego łańcuszka i bez znikania w trakcie projektu.

01
Rozmowa
Poznaję firmę, jej klientów, cel strony i zakres pracy. Ustalamy, co realnie ma się wydarzyć.
02
Projekt
Struktura, kierunek treści i rozwiązanie wizualne. Bez szablonów — układ wynika z oferty.
03
Kod
Responsywne wdrożenie, integracje, formularze, optymalizacja i techniczne podstawy SEO.
04
Publikacja
Wdrożenie, testy końcowe i — jeśli chcesz — dalsza opieka nad stroną.

Zróbmycośkonkretnego

Najszybszy kontakt

kontakt@hsr.gg↗

Opowiedz mi o projekcie

Bez briefu.
Wystarczy kontekst.

Napisz, co chcesz osiągnąć, dla kogo jest projekt i na jakim jesteś etapie. Odpowiadam osobiście.

github.com/hsr88 ↗ +48 608 717 292

Z dobrych podstawZ dobrych podstawpowstają dobre strony.powstają dobre strony.

Strony internetowe lokalnie

Strony WWW — Zawiercie i okolice

Szczegóły profilu

Open source i aktywne projekty na GitHubie

Profile społecznościowe

Usługi — co robię dla klientów

Tworzenie stron internetowych

Opieka nad stroną

Optymalizacja Profilu Firmy w Google

Wybrane realizacje — strony internetowe dla firm

Aporeum Private Bank

ŻYWA® — energia, która nie krzyczy

NocnaZmiana — śpij lepiej

Psychoterapeutka Anna Zębalska-Orman

Kadr — Atelier Fotograficzne

Pallet Ross

Anna Kowal — Terapia Dzieci

Jura Ascends

Oknocare Zawiercie

Amber Hall

Jura Blend Experience

IRON Siłownia

Pracownia Rzeźbiarska Marek Korzeń

Leśna Kraina

Azjatyckie Rękodzieło

FizjoDemo

Jura

Prowadzisz firmę?? Zróbmy jej dobrą stronę

Własne produkty i projekty open source

Własne projekty

Rozszerzenia Chrome

Aplikacje desktopowe

Technologie, w których pracuję

Jak wygląda współpraca — od pomysłu do gotowej strony

Rozmowa

Projekt

Kod

Publikacja

Kontakt — porozmawiajmy o Twoim projekcie

Bez briefu.Wystarczy kontekst.

Bez briefu.
Wystarczy kontekst.