Strona główna BioFloor ze zdjęciem hali produkcyjnej.
Web Developer

Case study · 2025

BioFloor

Strona producenta ściółki słonecznikowej — UI/UX w Figmie i wdrożenie w Next.js z optymalizacją SEO.

Role
Web Developer
·
Period
05/2025 - 06/2025
·
Stack
3
·
Read
1 min
Next.jsFigmaSEO

01·Wprowadzenie

BioFloor to producent i dystrybutor nowoczesnej ściółki słonecznikowej dla ferm drobiarskich. Zaprojektowałem UI/UX w Figmie z naciskiem na responsywność mobilną i wdrożyłem stronę w Next.js z optymalizacją wydajności i SEO.

02·Moja rola

  • Projekt UI/UX w Figmie z naciskiem na responsywność mobilną
  • Wdrożenie strony w Next.js z optymalizacją wydajności i SEO

03·Narzędzia

Next.jsFigmaSEO

04·Pod maską

Next.js 16 SSG

Statyczne generowanie stron produktowych dla krótkiego TTFB i najlepszego SEO.

Optymalizacja SEO

Semantyczna struktura nagłówków, meta-tagi na język PL i mikrodane produktowe.

Obrazki next/image

Responsywne komponenty z lazy-loadingiem i automatycznym WebP/AVIF.

Mobile-first

UI zaprojektowany najpierw dla ekranów <640px i przeniesiony do layoutu desktopowego.

05·Efekty

98Lighthouse PerformanceDesktop, Lighthouse 11, listopad 2025.
100SEO scoreLighthouse, listopad 2025.
< 1.2sLargest Contentful PaintWebPageTest, warszawski region, listopad 2025.