Piotr Rogacki

Realizacje / 05 · Kulinaria · blog z przepisami

eKuchareczka

Blog kulinarny, który podpowiada, co dziś ugotować

eKuchareczka: strona na laptopie i telefonie

Strona główna

Blog eKuchareczka publikuje przepisy i porady kulinarne od 2009 roku. Zaprojektowałem jego nową wersję z codziennym menu sezonowym i doborem dania w czterech pytaniach.

Blog kulinarny eKuchareczka działa od 2009 roku i ma 286 wpisów, wśród których są domowe przepisy, porady i relacje kulinarne. Po audycie obecnej strony opisałem w katalogu każdy wpis według dania, składników, sezonu, czasu i trudności, a na tej podstawie zaprojektowałem menu dnia zależne od kalendarza i dobór dania w czterech pytaniach. Czytelnik od pierwszego ekranu dostaje propozycję na dziś, a w kuchni korzysta z trybu gotowania, w którym ekran telefonu nie gaśnie.

Branża
Kulinaria · blog z przepisami
Rok
2026
Zakres
Projekt graficzny, Programowanie motywu, Narzędzia dla czytelników, Katalog wpisów, Kalendarz menu, Audyt żywej strony
Technologie
WordPress, Autorski motyw bez jQuery, GSAP (ScrollTrigger, SplitText), Screen Wake Lock API, Noto Serif Display i Albert Sans (lokalnie), Katalog wpisów w JSON, Python (katalog i kalendarz menu), Podgląd przez mu-plugin z blokadą zapisów do bazy
Strona
Projekt nowej wersji, przed wdrożeniem

01Wyzwanie

Blog działa od 2009 roku i ma 286 wpisów, ale strona główna pokazuje na początku najnowszy wpis, a spis przepisów wymaga naprawy. Nowa wersja miała zachować wszystkie adresy i historię bloga, mieć lekki, delikatny wygląd i od pierwszego ekranu podpowiadać, co dziś ugotować.

02Rozwiązanie

  1. Przeprowadziłem audyt obecnej strony i przygotowałem katalog 286 wpisów z daniem, składnikami, sezonem i czasem, na którym opierają się nowe funkcje bloga.
  2. Zaprojektowałem kartę „Menu na dziś” z trzema daniami, jak w restauracji, a jej tytuł i zestaw dań zmieniają się z miesiącem i 13 okazjami w roku.
  3. Przygotowałem dobór dania w czterech pytaniach, który wskazuje najlepiej pasujący przepis z uzasadnieniem i sześć kolejnych z procentem dopasowania.
  4. Opracowałem tryb gotowania, który pokazuje sam przepis dużym tekstem i nie pozwala zgasnąć ekranowi telefonu podczas pracy w kuchni.

03Najważniejsze elementy strony

  1. 01

    Karta „Menu na dziś”

    Na święta karta proponuje barszcz czerwony, pierogi z grzybami i kutię. Tytuł i zestaw dań zmieniają się z porą roku, a „Ułóż inne menu” podsuwa kolejny zestaw.

    eKuchareczka: Karta „Menu na dziś”
  2. 02

    Dobór dania w 4 pytaniach

    Czytelnik odpowiada, na co ma ochotę, co ma w kuchni, ile ma czasu i dla kogo gotuje, a dostaje najlepiej pasujący przepis i kolejne z procentem dopasowania.

    eKuchareczka: Dobór dania w 4 pytaniach
  3. 03

    Sezon miesiąca w kuchni

    Produkty miesiąca są zakładkami z liczbą przepisów, a pod każdą czytelnik znajdzie cztery dania i link do wszystkich przepisów z tym produktem.

    eKuchareczka: Sezon miesiąca w kuchni
  4. 04

    Wpis z trybem gotowania

    Okładka podaje czas, trudność i kuchnię, a tryb gotowania pokazuje sam przepis dużym tekstem, ze składnikami do zaznaczania i ekranem, który nie gaśnie.

    eKuchareczka: Wpis z trybem gotowania

04Projekt w liczbach

W czterech pytaniach czytelnik znajduje danie dopasowane do tego, co ma w kuchni i ile ma czasu.

286wpisów opisanych w katalogu przepisówdanie, składniki, kuchnia, sezon, czas, trudność i nastrój; w tym 219 przepisów bez wpisów sponsorowanych
4pytania do gotowej propozycji daniawynik z procentem dopasowania i uzasadnieniem, zapisany w adresie strony, więc można go wysłać dalej
13okazji w kalendarzu menu, od Nowego Roku po Sylwestra3-5 gotowych zestawów dań na każdą okazję i 3-4 na każdy miesiąc
12list produktów sezonowych, po jednej na miesiącsezon na stronie głównej zmienia się automatycznie pierwszego dnia miesiąca