Kadr: wizualizacja Hex16
Hex16 / O nas · Bolesławiec
Artur układa procesy, Helena projektuje i pisze teksty, Marek koduje w Next.js. Siedzimy w jednym pokoju w Bolesławcu, więc nikt nie przerzuca winy, a klient rozmawia z tymi, którzy robią robotę.
Opowieść
Rozdział 00 · Stół
Zaczęło się od porządkowania procesów w firmach z okolicy. Każda z nich potrzebowała w końcu miejsca, z którego klient od razu zadzwoni. Do porządkowania procesów doszedł projekt graficzny, potem kod.
Rozdział 01 · Procesy
Zanim powstanie strona, pyta, co ma się wydarzyć po kliknięciu: kto odbierze telefon, gdzie trafi zapytanie, co z fakturą. Stąd biorą się automatyzacje i raporty, które robimy obok stron.
Rozdział 02 · Projekt
Rysuje siatkę i pisze teksty, które mówią ludzkim językiem o tym, co firma robi. Pierwszy ekran powstaje zawsze przed resztą strony i zawsze przechodzi przez jej ręce.
Rozdział 03 · Kod
Pisze stronę w Next.js od zera, bez wtyczek, i zostaje przy niej po starcie. Repozytorium i panel są Twoje, a aktualizacja niczego nie psuje, bo nie ma czego aktualizować.
Rozdział 04 · Nazwa
Nazwę wzięliśmy od szesnastkowego zapisu kolorów, od którego zaczyna się każdy nasz projekt. Sześć znaków po kratce opisuje kolor marki. Stąd też sześć rozdziałów na tej stronie.
Rozdział 05 · Dla Ciebie
Projektując, myślimy o kimś, kto wejdzie na stronę z telefonu o 22:00 i musi od razu wiedzieć, co robisz i gdzie kliknąć. Jeśli pomysł jest zły albo budżet za mały, powiemy to na pierwszej rozmowie.
Składanie
Składanie · 03 części
01 studio
Rozmowa o tym, co ma się wydarzyć po kliknięciu. Automatyzacje, raporty Power BI, integracje.
Pierwszy ekran przed resztą strony, teksty bez agencyjnego żargonu, kolory i typografia zapisane w brand.ts.
Next.js od zera, bez wtyczek. Wersja testowa pod osobnym adresem od pierwszego tygodnia, repozytorium zostaje u klienta.
te same trzy osoby od pierwszej rozmowy do wdrożenia
nikt nie przekazuje projektu dalej
Liczby
Każdą z tych liczb możesz sprawdzić
Czego nie robimy
trzy osoby, zero podwykonawców; jeśli zakres przerasta nasz kalendarz, mówimy to na pierwszej rozmowie
opieka po starcie miesięcznie, z miesięcznym wypowiedzeniem; repozytorium i domena zostają Twoje
pokazujemy liczby z Search Console na pulpicie, nie w prezentacji
rozmawiasz z osobą, która potem pisze Twój kod albo projekt
zakres i cena na jednej kartce, po jednej rozmowie
Miejsce
Studio jest w Bolesławcu. Na pierwsze spotkanie dojeżdżamy do firm w promieniu ok. 60 km od Bolesławca, dla reszty Dolnego Śląska i Polski pierwsza rozmowa jest online. Adresu biura nie podajemy, bo na spotkania jeździmy do klientów.
Zajrzyj w kod · to, co czyta Google i asystent
Trzy pliki z prawdziwego kodu tej strony, nie makiety
[
{
"@context": "https://schema.org",
"@type": "ProfessionalService",
"@id": "https://hex16.pl/#firma",
"name": "Hex16",
"url": "https://hex16.pl",
"logo": {
"@type": "ImageObject",
"url": "https://hex16.pl/icons/icon-512.png",
"width": 512,
"height": 512
},
"email": "kontakt@hex16.pl",
"telephone": "+48 696 065 185",
"address": {
"@type": "PostalAddress",
"addressLocality": "Bolesławiec",
"addressCountry": "PL"
},
"openingHoursSpecification": {
"@type": "OpeningHoursSpecification",
"dayOfWeek": [
"Monday",
"Tuesday",
"Wednesday",
"Thursday",
"Friday"
],
"opens": "12:00",
"closes": "20:00"
},
"image": "https://hex16.pl/media/og/og-hex16-1200x630.jpg",
"sameAs": [
"https://share.google/mtfmaQAdDXjgTFB4M",
"https://www.facebook.com/hex16pl"
],
"founder": [
{
"@type": "Person",
"name": "Artur",
"jobTitle": "procesy i IT"
},
{
"@type": "Person",
"name": "Helena",
"jobTitle": "projekt graficzny i treści"
},
{
"@type": "Person",
"name": "Marek",
"jobTitle": "kod i wdrożenia"
}
]
},
{
"@context": "https://schema.org",
"@type": "AboutPage",
"@id": "https://hex16.pl/o-nas#page",
"url": "https://hex16.pl/o-nas",
"name": "O nas: trzy osoby z Bolesławca | Hex16",
"description": "Artur, Helena i Marek: procesy, projekt i kod przy jednym stole w Bolesławcu. Jak pracujemy, co robimy sami i czego nie robimy wcale.",
"inLanguage": "pl",
"isPartOf": {
"@id": "https://hex16.pl/#website"
},
"about": {
"@id": "https://hex16.pl/#firma"
},
"mainEntity": {
"@id": "https://hex16.pl/#firma"
}
},
{
"@context": "https://schema.org",
"@type": "BreadcrumbList",
"itemListElement": [
{
"@type": "ListItem",
"position": 1,
"name": "Hex16",
"item": "https://hex16.pl/"
},
{
"@type": "ListItem",
"position": 2,
"name": "O nas",
"item": "https://hex16.pl/o-nas"
}
]
},
{
"@context": "https://schema.org",
"@type": "WebSite",
"@id": "https://hex16.pl/#website",
"name": "Hex16",
"url": "https://hex16.pl",
"inLanguage": "pl",
"publisher": {
"@id": "https://hex16.pl/#firma"
}
}
]sprawdź: view-source na tej stronie
/*
* Marine Editorial — Hex16 design tokens.
* Source of truth: Claude Design canvas "Hex16.pl wireframe", design system
* "marine-editorial" (tokens.json). Keep names 1:1 with the canvas.
*/
@theme {
--color-*: initial;
--color-ink: #09090b;
--color-marine: #0e0e11;
--color-panel: #15151a;
--color-panel-2: #1a1a20;
--color-line: #1f1f23;
--color-line-2: #2a2a30;
--color-line-3: #5c5c60; /* ghost button edge, 3:1 on ink */
--color-off: #fafafa;
--color-off-soft: #a1a1aa;
--color-mute: #888892;
--color-cyan: #0ea5e9;
--color-accent: #84cc16;
⋯
@theme inline {
--font-display: var(--font-archivo), "Geist", system-ui, sans-serif;
--font-sans: var(--font-geist), "Inter", system-ui, sans-serif;
--font-mono: var(--font-jetbrains), "Geist Mono", ui-monospace, monospace;
}
⋯
:root {
--dur-fast: 0.1s;
--dur-default: 0.2s;
--dur-overlay: 0.3s;
--dur-medium: 0.4s;
--dur-slow: 0.8s;
/* Full width like digitz.fr. Never add a content max-width/centring cap on wide screens; see
Hex16-workspace/design/LAYOUT-RULES.md */
--layout-pad: 24px;
--layout-max-w: 1240px;
--header-h: 72px;
--cta-h: 48px;
}# Hex16
> Studio z Bolesławca: strony, sklepy i narzędzia w Next.js, projekt graficzny, automatyzacje i raporty Power BI. Trzy osoby: Artur (procesy i IT), Helena (projekt graficzny i treści), Marek (kod i wdrożenia).
## Strony
- [Strona główna](https://hex16.pl/)
- [O nas](https://hex16.pl/o-nas)
- [Usługi](https://hex16.pl/uslugi)
- [Strony internetowe](https://hex16.pl/uslugi/strony-www)
- [SEO](https://hex16.pl/uslugi/seo)
- [Aplikacje web](https://hex16.pl/uslugi/aplikacje-web)
- [Branding](https://hex16.pl/uslugi/branding)
- [Automatyzacja i AI](https://hex16.pl/uslugi/automatyzacja-i-ai)
- [Power BI](https://hex16.pl/uslugi/raporty-power-bi)
- [Sklep Shopify headless](https://hex16.pl/uslugi/sklep-shopify-headless)
- [Migracja z WordPressa](https://hex16.pl/uslugi/migracja-z-wordpressa)
- [Landing page](https://hex16.pl/uslugi/landing-page)
- [Opieka po starcie](https://hex16.pl/uslugi/opieka)
- [Audyt strony](https://hex16.pl/uslugi/audyt-strony)
- [Cennik](https://hex16.pl/cennik)
- [Kontakt](https://hex16.pl/kontakt)
- [Strony dla branż](https://hex16.pl/dla)
- [Strona dla elektryka](https://hex16.pl/dla/elektrykow)
- [Strona dla firmy sprzątającej](https://hex16.pl/dla/firm-sprzatajacych)
- [Strona dla zakładu pogrzebowego](https://hex16.pl/dla/zakladow-pogrzebowych)
- [Raporty dla produkcji](https://hex16.pl/dla/produkcji)
- [Wdrożenia](https://hex16.pl/wdrozenia)
- [Wdrożenie: EKPOL](https://hex16.pl/wdrozenia/ekpol)
- [Wdrożenie: Porządnie24](https://hex16.pl/wdrozenia/porzadnie24)
- [Wdrożenie: PamiętajMnie.pl](https://hex16.pl/wdrozenia/pamietajmnie)
## Zasady
- Kod własny w Next.js, bez wtyczek; repozytorium i domena zostają u klienta.
- Opieka po starcie rozliczana miesięcznie, z miesięcznym wypowiedzeniem.
- Nie obiecujemy pozycji w Google; pokazujemy liczby z Search Console.Kontakt
Przyjedź do Bolesławca albo zaproś nas do siebie. Pierwsza rozmowa trwa 20 minut i kończy się zakresem na jednej kartce.
Bez widocznej captcha · potwierdzenie mailem
Odpowiadamy w dni robocze, zwykle tego samego dnia · wycena w 24–48 h od otrzymania danych