Případová studie
Peanut.cz Porovnávač ořechů, másel a zdravých snacků
Český porovnávač cen a kvality arašídových másel, pražených ořechů a zdravých snacků — propojený s recepty a redakčním magazínem.
- Typ
- Porovnávač + magazín
- Role
- Návrh & vývoj
- Stack
- Laravel + Livewire
Když se obsah potká s nákupem
Peanut.cz je český průvodce světem ořechů, arašídových másel a zdravých snacků. Porovnává ceny, značky a dostupnost napříč kategoriemi a propojuje je s recepty a redakčním magazínem, který čtenáře vede k nejlepší volbě.
Cílem bylo postavit web, který nepůsobí jako další srovnávač, ale jako důvěryhodný redakční portál — kde je nakupování přirozeným vyústěním kvalitního obsahu, ne tlakem na prodej.
„Porovnejte ořechy, másla a zdravé snacky — a objevte, co z nich dostat do kuchyně.“
Pět stavebních kamenů webu
Křupárna
Katalog produktů se scrollovacím railem, cenovými poklesy a slevovými štítky. „Prozkoumat produkty“ na jeden klik.
Porovnávač
Plovoucí tlačítko „Porovnat“ a modální okno se srovnáním až tří produktů vedle sebe. Bez reloadu, díky Livewire + Alpine.
Recepty
„Inspirace do kuchyně“ — karty receptů s obtížností, dobou přípravy a tagy, plus „Recept týdne“ v hero sekci.
Magazín
Redakční články a nákupní průvodci se statistikami a strukturovaným obsahem — autorita, která buduje důvěru.
Newsletter
Decentní výzva k odběru e-mailů, zasazená do toku obsahu — sběr publika bez vyskakovacích oken.
Affiliate model
Transparentní upozornění na affiliate odkazy. Web zůstává bezplatný a nezávislý — a návštěvník to ví.
Teplá, redakční, ořechová
Paleta postavená v moderním prostoru OKLCH — krémové podklady, ořechově hnědé akcenty a zlatý highlight. Serify dodávají obsahu autoritu, sans-serif drží čitelnost těla textu.
Pozadí
Karty
Zlatá
Ořech
Text
Postavené na Laravelu
Rychlý, server-driven web bez zbytečného JavaScriptu. Interakce řeší Livewire 4 s Alpine, styl běží na Tailwindu v4 a obrázky jsou optimalizované do WebP s lazy-loadingem.
-
Laravel 12
PHP 8.4 · server-side jádro
-
Livewire 4 + Alpine
Reaktivní filtrování, porovnávač, košík bez reloadu
-
Tailwind CSS v4
CSS-first téma, paleta v OKLCH
-
Vite + WebP
Bundling assetů, optimalizované obrázky
-
MySQL
Produkty, recepty, kategorie, značky
100%
server-driven, žádné SPA
WebP
obrázky + lazy-loading
0
vyskakovacích oken
SEO
strukturovaná data & schema
Líbí se vám, co umíme?
Postavíme vám web, který nejen vypadá dobře, ale i prodává. Pojďme si o vašem projektu popovídat.