Vizuál
Osobný, teplý „NYC apartment" pocit. Serifové logo s výraznou modrou paletou, veľké štvorcové foto-nadpisy, husto textové intro. Estetika WordPress-blog z roku 2010 stále nezostarnutá vďaka fotke jedla ako hero.
UX prvky
„Surprise me" random
Archív po mesiacoch
Kategórie 4-úrovňové
Print view
Newsletter CTA
Populárne teraz
Komentáre s číslami
Obsah
Dlhé osobné storytelling intro (400–800 slov), potom recept. Krokov je pár, no kompaktné, hlavne text. Tone-of-voice je najsilnejšia zbraň — Deb píše ako kamarátka.
Ukradnúť
- „Surprise me" tlačidlo — jeden klik, náhodný recept. Retenčný killer.
- Popular Right Now grid v sidebare — social proof + evergreen návštevnosť.
- Archív podľa mesiaca ako drop-down — SEO + browse.
SlabéLayout je vertikálny homepage feed bez filtrov, veľa textu bez skenovateľnosti. Recept nie je oddelený od storytelling — používatelia si žiadali Jump-to-Recipe roky.
Vizuál
Editorial magazine štandard — čierno-biela typografia (Cheltenham serif), husté fotografické mriežky, minimum farby okrem červenej NYT značky. Vyzerá ako printový časopis prenesený na web. Absolútne prémiový pocit.
UX prvky
Recipe Box (save)
Notes od userov
Ratings 5★
Cook Mode (screen wake)
Print / Share
Kolekcie/Guides
Video inline
Paywall gating
Editor picks
Meal plan
Obsah
Krátky autor headnote (2–4 vety), potom priamo recept. Ingredience v jasnom stĺpci vľavo, kroky vpravo. „Notes" sekcia od komunity je fenomén — často lepšia než pôvodný recept.
Ukradnúť
- Recipe Box + Guides — user si buduje vlastnú kuchársku knihu, návrat 3× do týždňa.
- Public Notes od komunity pod receptom (top-voted hore). Autentické tipy = SEO + trust.
- Editorial „Guides" (napr. „How to Cook Rice") — evergreen dlhé formáty s vnútornými odkazmi na recepty.
SlabéAggressívny paywall po pár receptoch odrádza casual návštevníkov. Search je slabší, než by si obsah zaslúžil.
Vizuál
Techno-editorial — čistý sans-serif (Poppins-like), veľa štvorcových kartičiek, minimum farebnosti okrem červenej. Homepage vyzerá skôr ako publikácia než blog. Fotografie sú výrazne stylizované (často shot from above, dark moody).
UX prvky
Jump-to-Recipe
Why-This-Works blok
Metric/US toggle
Scale servings (1/2×, 2×, 3×)
Nutrition tabuľka
Prep timer inline
Tabs (recipe/technique)
Video/GIF v krokoch
Obsah
Vedecko-technický prístup: „prečo tento recept funguje", testovacie iterácie, teplomery a hmotnosti. Kroky často doplnené procesnou fotkou. Autorské články od Kenjiho López-Alta sú lekcie.
Ukradnúť
- „Why This Recipe Works" krátky highlighted blok hore — hookuje čitateľa v 3 bodoch.
- Kroky s procesnou fotkou vedľa každého bodu — vizuálny confidence booster.
- Servings scale + gramy/oz toggle — rieši 30 % kontextu bez pýtania sa.
SlabéReklamné bannery v strede kroky rozbíjajú flow. Občas až príliš tech-heavy pre bežného kuchára.
Vizuál
Vysoko-kontrastná, teplá, „Instagram-ready" estetika. Hero foto zaberá celú šírku, saturované jesenné farby (paprika, kurkuma, drevo). Serif nadpisy v tenkých rezoch, jemný handwritten akcent.
UX prvky
Filter po ingrediencii
Category tiles hero
Save to Favorites
Print button
Pin It hover overlay
Nutrition
Comments/Reviews
„Weeknight" tag
Obsah
Osobné intro + hromada high-res fotiek pred receptom (5–8 fotiek jednoho jedla z rôznych uhlov). Recept karta na konci, jasne oddelená blokom.
Ukradnúť
- Hero „category tiles" na homepage (Dinner / Baking / Healthier / Weeknight) — okamžitá navigácia bez menu.
- „Pin It" overlay hover — nulové trenie pre Pinterest traffic.
- Silné farbové sezónne moody-boards ako filter.
SlabéPomalá stránka (obrovské obrázky, veľa skriptov). Recepty občas obsahovo tenké — foto-first prístup na úkor techniky.
Vizuál
Čistá, teplá, hlinená paleta (krémová + terracotta). Sans-serif typo, veľa whitespace, sada custom ikon a piktogramov (10 ingrediencií, 30 minút, 1 pan). Pocit „minimalistický cookbook".
UX prvky
„30 min / 10 ing / 1 pot" filter
Recipe Filter sidebar
Diet badges (V / GF / DF)
Rating + review
Nutrition
Jump to Recipe
Print
Save to plán
Obsah
Recept prvá vec, čo user vidí (žiadny long-form). Vysvetlenie „prečo si to zamiluješ" v 3 pillars. Fotky procesu v 4-image gride (bomber pre Pinterest).
Ukradnúť
- Constraint filtre („30 min", „1 pot", „<10 ingredients") — jasná value proposition prekódovaná do UI.
- Diet badge systém — vizuálny prísľub v každej karte.
- Procesné 4-foto grid pod stepmi — kolektívny vizuálny cheat sheet.
SlabéSilne monetizované (affilate, ads), header banner niekedy dominuje. Recepty sa obsahovo opakujú v templéte.
Vizuál
Cukrárenský cookbook feel — pastelové ružové/mint akcenty, script logo, mnoho hero fotiek v svetlej fotografii. Layout WordPress classic, no dobre vyladený.
UX prvky
„Baking Basics" tutoriál sekcia
Comment ratings (star + text)
Video inline
Metric/US switch
Ingredient notes (bakerske triky)
FAQ blok pod receptom
Related „you might love"
Obsah
Dôraz na techniku — prečo miešať X, prečo teplota Y, čo sa stane, ak vymeníš máslo. Silné komentárové vlákna s odpoveďami autorky.
Ukradnúť
- „Basics" pillar sekcia (napr. „Ako pracovať s droždím") ako trvalý referenčný obsah.
- FAQ blok pod receptom = zbiera long-tail otázky z komentov, výhoda v SEO.
- Ingredient notes v samostatnom bloku — vysvetľuje substitúcie hneď pri liste.
SlabéDizajn typography nie je moderný, farby cítiť dobovosť z 2015. Reklamy medzi krokmi rušia.
Vizuál
Editoriálne + e-commerce hybrid. Elegantný serif logotype, veľké fotografie, produktové carousely popri obsahu. Estetika je „designed cookbook + Etsy". Silná kurácia.
UX prvky
Community-driven recepty
Recipe Box (multi-collection)
Genius Recipes séria
Shop integration
Sortovanie po popularity
Editor picks
Tags autor + techniqe
Newsletter multi-track
Obsah
Recept + editoriálny článok („The Genius Trick that…"). Kombinuje UGC a redakčný voice. Shop je pretkaný — nie ako reklama, ale ako curation (uterák použitý na fotke je linkovaný).
Ukradnúť
- Multi-collection Recipe Box (Wednesday dinners, Baking, Party) — nielen save, ale organizácia.
- Series/columns model (Genius Recipes, Hotline) — vytvára návyk sledovania.
- Contextual affiliate — produkty použité v recepte, nenápadne linkované.
SlabéHomepage býva prehustená (recepty + shop + editorial). Search občas vyhadzuje nerelevantné produkty pred receptami.
Vizuál
Magazine-style, spravodajský rytmus. Sans-serif Domaine + Graphik-style, žltý akcent, štvorcová mriežka článkov. Vyzerá viac ako lifestyle-food časopis než recepty-first blog.
UX prvky
Recipe + „How-To" mix
Weekly Meal Plan
Content hubs (Skills, Cleaning)
Newsletter feed
Print + Save
Popular this week
Autorské profily
Video shorts
Obsah
Mixuje recepty s tipmi a home hackmi. Silný TL;DR intro („Vyskúšal som 5 spôsobov varenia ryže — víťaz je X"). Vysoká výkon v listicles.
Ukradnúť
- Content hub structure — nielen recepty, ale skills, cleaning, shopping guide. Rozširuje relevanciu.
- „I Tried X, Here's the Winner" formát — testovacie články pritiahnu inú publiku ako recepty.
- Weekly meal plan ako obsahový záväzok (každý týždeň nový plán) — návratnosť.
SlabéReklamné bannery ťažké, výkon stránky priemerný. Obsah je aggregátorský — chýba silná osobná voice.
Vizuál
Brandová stránka reštaurácie + kuchárskej ríše. Minimalistický layout, veľká typografia, biele pozadie s presne dávkovanými fotkami. Cíti sa ako flagship butik. Málo textu, veľa priestoru.
UX prvky
Recepty ako súčasť brand story
Cookbook shop
Deli locations
Cook school
Newsletter
Ingredient shop
Video krátkometrážne
Obsah
Recept nie je hlavný obchodný model — je to marketing pre knihy a delice. Preto sú recepty dlhšie, esejistickejšie, s dôrazom na kultúrny kontext.
Ukradnúť
- Product/experience-first navigácia (nie kategórie receptov, ale „Kuchárske knihy / Delice / Škola / Recepty").
- Ultra-white, ultra-space dizajn ako protiváha zvyčajného „recipe blog chaos".
- Recept ako brand asset, nie SEO stroj — dlhšie, príbehovejšie.
SlabéVyhľadávanie a browse cez recepty je slabšie než u čistých food blogov. Kvantita receptov obmedzená.
Vizuál
Enterprise mediálny portál — UK magazine typo (BBC-family serif), teplý oranžovo-červený akcent, husté navigačné menu, sticky search. Feel „utility, nie boutique".
UX prvky
Health score badge
Robustný filter (diéta, časy, level)
Save to cookbook
Meal planner
Shopping list export
Nutrition podrobná
Print + Cook mode
Video inline
Reviews (5★ + text)
Autor + skill level
Obsah
Krátke intro, hneď recept. Ingredience s inline substitúciami a odkazmi na „aký nôž kúpiť" (SEO-driven). Kuchárske slovníky, konverzné tabuľky, „technique guides".
Ukradnúť
- Filter chip bar hore („Under 30 min", „High protein", „Family") — okamžitá segmentácia.
- Health/Nutrition badge priamo na karte v gride — pridá dôveryhodnosť pri browse.
- Shopping list export — nákup je kľúčový moment, málokto ho rieši dobre.
SlabéDizajn hustý, občas gestické UX (cookie consent, gated newsletter) prekryje obsah. Recept karta je dlhá a scroll-heavy.
Prehľad najčastejších UX prvkov naprieč vybranými webmi. Čo je „štandard" a čo je diferencátor.