Usluga:

UX/UI

Development

Industrija:

Gastronomija

Datum:

Lipanj 2022. – Listopad 2022.

Ljudi na projektu

4
  • Uvod
  • Tema
  • Fokus
  • Rezultat

Uvod

Stela’s Food Stories je kuharski blog u vlasništvu talentirane kuharice i nutricionistice. S dubokom strašću za stvaranjem recepata koji se koncentriraju na okus, ali i hranjivu vrijednost, kuharica je zamislila platformu na kojoj bi čitatelji mogli istraživati svijet kuhanja na jednostavan, a detaljan način. Cilj bloga nije samo educirati i inspirirati, već pružiti i vrijedne uvide u prehranu, hranu, recepte, kuhinjske potrepštine i srodne teme.

Website preview Stela's Food Stories

Tema

Primarni cilj ovog web projekta bio je razviti platformu prilagođenu korisniku koja bi kuharici omogućila dodavanje i lako upravljanje svojom zbirkom recepata.

Na platformi smo trebali istaknuti recept “Odabir tjedna” na početnoj stranici, omogućiti korisnicima da pretražuju recepte na temelju određenih kategorija, integrirati uslugu prijave na newsletter i uključiti posebnu rubriku gdje bi kuharica mogla podijeliti svoje zanimljive priče i mišljenja vezano uz hranu.

Fokus

Početna stranica i pretraživanje recepata

Kako bi zadivili korisnike od samog početka, početna stranica ističe odjeljak “Odabir tjedna” koji prikazuje recept koji će korisnici sigurno zavoljeti. Odmah ispod, učinkovita funkcija pretraživanja recepata omogućuje korisnicima istraživanje opsežnih arhiva recepata, kategoriziranih prema vrstama obroka kao što su doručak, glavno jelo, salate, juhe i variva, grickalice i deserti.

Integracija newslettera

Besprijekorna integracija s Mailchimpom pruža iskustvo prijave na newsletter bez muke. Pretplatnicima se dostavljaju redoviti newsletteri koji sadrže sezonske priče i dodatne recepte.

Stories i Insights

Ova posebna rubrika kuharici da podijeli činjenice, uvide o prehrani i zanimljive anegdote vezane uz hranu, recepte i kuhinjske potrepštine.

Website preview Stela's Food Stories
Homepage Recipe Section
WEB DESIGN

Arhiva recepata i filteri

Koristeći Ajax traku za pretraživanje, korisnici mogu brzo pronaći recepte unosom ključnih riječi, s rezultatima prikazanim u arhivskom formatu lakom za navigaciju.

Napredni filtri omogućuju korisnicima podrobnije pretraživanje na temelju kategorije obroka, sezone i prehrambenih oznaka.

Dijetetske oznake su vidno istaknute, osiguravajući korisnicima da mogu brzo identificirati recepte koji su u skladu s njihovim specifičnim prehrambenim ograničenjima.

Recipe Search Bar
WEB DESIGN

Recepti - detalji i njihova modifikacija

Pojedinačna stranica svakog recepta sadrži opcije dijeljenja na društvenim mrežama, uvod o obroku, nutritivnu vrijednost i zanimljive činjenice.

Simpatičana oznaka težine, predstavljena kuharskim kapama, označava razinu kulinarskog znanja potrebnog za recept.

U nastavku se korisnicima pružaju bitni detalji, uključujući točno vrijeme pripreme, vrijeme kuhanja i ukupno vrijeme potrebno za pripremu svakog recepta.

Recipe Details And Description
WEB DESIGN
Putem koda kojeg smo kreirali, naš tim je razvio značajku prilagođavanja veličine porcije, omogućujući da se količine sastojaka bez napora prilagode kako bi zadovoljile jedinstvene potrebe svakog pojedinca.

Korisnici se mogu upustiti u kulinarsko putovanje na kojem se recepti besprijekorno prilagođavaju željenoj veličini porcija sa samo nekoliko klikova. Popis sastojaka prikladno je prikazan na bočnoj traci radi lakšeg snalaženja i čitanja tijekom kuhanja.

Iskustvo kuhanja korak po korak

Intuitivne ‘korak po korak’ upute, nadopunjuje značajka "Dovrši korak", koja omogućuje korisnicima da bez napora prate svoj napredak.

Kako bismo izbjegli prekide tijekom procesa kuhanja, implementirali smo sprječavanje zatamnjivanja zaslona uređaja.

Poruka na kraju čitateljima poručuje da uživaju u pripremljenom obroku, dok informacije o skladištenju hrane osiguravaju da korisnici znaju kako pohraniti svoje kulinarske kreacije kako bi trajale što duže.

Mogućnosti dijeljenja i ispisa

Praktična funkcija dijeljenja i ispisa omogućuje korisnicima jednostavno dijeljenje recepata ili stvaranje fizičkih kuharica.

Kontakt obrazac

Obrazac za kontakt koji je jednostavan za korištenje, integriran je u prozor za kontakt koji iskače, što posjetiteljima omogućuje da jednostavno stupe u izravni kontakt sa Stelom.

Serving Size Customization And Step Completion
WEB DESIGN

Backend

Backend funkcija web stranice Stela's Food Stories osmišljena je i razvijena kako bi kuharu pružila besprijekorno i učinkovito iskustvo u upravljanju njezinim receptima i sadržajem.

Kroz integraciju prilagođenih polja, postupak dodavanja recepata i upravljanja njima postao je lakši i intuitivniji kako bi Stela mogla unijeti sve potrebne podatke za svaki recept. Prilagođena polja omogućuju joj da specificira i kategorizira ključne pojedinosti kao što su sastojci, mjere, upute za kuhanje i podaci o nutritivnoj vrijednosti, osiguravajući da sve relevantne informacije budu točno zabilježene.

Osim toga, implementirana je prilagođena vrsta posta za organiziranje i kategorizaciju različitih priča i uvida o hrani koji se dijele na platformi. Ova prilagođena vrsta posta omogućuje Steli stvaranje zanimljivog i informativnog sadržaja koji se ne bazira isključivo na receptima, već pokriva širok raspon tema vezanih uz hranu, prehranu, tehnike kuhanja i kuhinjske potrepštine. Kategoriziranjem ovih objava, posjetitelji web stranice mogu jednostavno pregledavati i pristupati sadržaju koji ih najviše zanima, stvarajući besprijekorno i ugodno iskustvo pretraživanja.

Integracija prilagođenih polja i prilagođenih vrsta postova ne samo da olakšava proces stvaranja i upravljanja sadržajem za Stelu, već također poboljšava ukupnu organizaciju i pristupačnost web stranice.

Rezultat

Poboljšanje navigacije i povećani angažman korisnika

Stela’s Food Stories web projekt se pokazao uspješnim, ispunivši cilj da se čitateljima omogući besprijekorno i privlačno kulinarsko putovanje.

Platforma omogućuje jednostavnu navigaciju, pretraživanje recepata na temelju preferencija i istraživanje zadivljujućih priča kuhara i uvida u nutricionizam.

Integracijom prilagođenih polja i backendom koji je prilagođen korisniku olakšali smo kuharu dodavanje i upravljanje svojim receptima.

Intuitivni dizajn platforme, pomna pažnja posvećena detaljima i interaktivne značajke osjetno su pridonijele povećanom angažmanu korisnika i ugodnom iskustvu kuhanja za našu publiku.

Svojim pristupom usmjerenim na iskustvo korisnika, jednostavnost i dizajn, platforma nastavlja osvajati i nadahnjivati ljubitelje hrane na njihovim kulinarskim avanturama.

Website preview Stela's Food Stories

Više projekata