Web Developer & Visual Designer

Case study · 2025

Pol-Med

Industrial B2B website for Pol-Med — UCO, education, tools. Three divisions in one ecosystem, silver-accent aesthetic, full IT layer.

Role
Web Developer & Visual Designer
·
Period
07/2025 - Present
·
Stack
10
·
Read
1 min
Next.js 16Tailwind CSS v4Framer MotionTypeScript+6

01·Overview

02·My role

  • Designed and shipped the website in Next.js 16 with Tailwind CSS v4 and Framer Motion
  • Three conversion engines: UCO Calculator, Education Tender Support Center, Tools Selector
  • 13 form variants on a single Resend pipeline with domain-specific contact routing
  • Full IT-layer ownership — domain, DNS, company mailboxes, AI-assisted email communication

03·Tools & tech

Next.js 16Tailwind CSS v4Framer MotionTypeScriptnext-intl (4 locales)Resend pipelineZod-typed contentDomain & DNSMailboxesAI Email Support

04·Key features

Three divisions, one ecosystem

UCO oils, education stations, and industrial tools — distinct conversion paths wired into one information architecture and a shared visual language.

Three conversion engines

UCO Calculator, Education Tender Support Center, Tools Selector — domain-specific forms instead of a single generic contact.

Four-locale structure

Polish (default), English, German + a Ukrainian teaser. Routing through next-intl, content in typed Zod modules.

Mailboxes + AI support

Company mailbox configuration with an AI layer that drafts, classifies, and accelerates day-to-day correspondence — plus a Resend pipeline for the 13 form variants.

05·Under the hood

Next.js 16 + React 19

App Router, Server Components, static rendering for every public page. ~126 URLs built statically.

Tailwind CSS v4 + silver accent

Token-based color system with an industrial visual language — silver accents over a dark backdrop, custom typography. Polish that matches a 23-year business, never a startup.

Framer Motion + GSAP + Lenis

Smooth transitions, scroll-reveal, Lenis-driven scrolling. Subtle micro-interactions — the site responds without ever feeling noisy.

Full IT layer

Domain, DNS, mailboxes, AI support, Resend pipeline — one accountable owner for the entire digital infrastructure.