Trzy działy w jednym ekosystemie
Oleje UCO, stacje edukacyjne i narzędzia przemysłowe — odrębne ścieżki konwersji wpięte w jedną architekturę informacyjną i wspólny język wizualny.
Web Developer & Visual Designer
Case study · 2025
Pol-Med
Industrialna witryna B2B Pol-Med — UCO, edukacja, narzędzia. Trzy działy w jednym ekosystemie, srebrny akcent, pełna warstwa IT.
- Role
- Web Developer & Visual Designer
- Period
- 07/2025 - obecnie
- Stack
- 10
- Read
- 1 min
Next.js 16Tailwind CSS v4Framer MotionTypeScript+6
01·Wprowadzenie
02·Moja rola
- Projekt i wdrożenie witryny w Next.js 16 z Tailwind CSS v4 i Framer Motion
- Trzy silniki konwersji: kalkulator UCO, centrum wsparcia ofert edukacyjnych, selektor narzędzi
- 13 wariantów formularzy na jednym pipeline Resend z domenowym routingiem kontaktowym
- Pełna warstwa IT — domena, DNS, skrzynki pocztowe, wsparcie AI w komunikacji mailowej
03·Narzędzia
Next.js 16Tailwind CSS v4Framer MotionTypeScriptnext-intl (4 locales)Resend pipelineZod-typed contentDomain & DNSMailboxesAI Email Support
04·Kluczowe możliwości
Trzy silniki konwersji
Kalkulator UCO, centrum wsparcia ofert edukacyjnych i selektor narzędzi — formularze domenowe zamiast jednego ogólnego kontaktu.
Czterojęzyczna struktura
Polski (domyślny), angielski, niemiecki + zalążek ukraińskiego. Routing przez next-intl, treść w typowanych modułach Zod.
Skrzynki + AI mailowe
Konfiguracja firmowych skrzynek z warstwą AI, która redaguje, klasyfikuje i przyspiesza codzienną korespondencję — plus pipeline Resend dla 13 wariantów formularzy.
05·Pod maską
Next.js 16 + React 19
App Router, Server Components, statyczne renderowanie wszystkich publicznych stron. ~126 URL-i wybudowanych statycznie.
Tailwind CSS v4 + akcent srebrny
System tokenów kolorystycznych z industrialną oprawą — srebrne akcenty na ciemnym tle, dedykowana typografia. Polish dopasowany do dojrzałości 23-letniego biznesu.
Framer Motion + GSAP + Lenis
Płynne przejścia, scroll-reveal, smooth scroll przez Lenis. Subtelne mikrointerakcje, bez wyglądu start-upu.
Pełna warstwa IT
Domena, DNS, skrzynki pocztowe, wsparcie AI, pipeline Resend — jeden punkt odpowiedzialności za całą cyfrową infrastrukturę firmy.
