Študija primera

Razširi zgodbo: gradnja prilagodljive in čustveno bogate platforme za Argeto

StrankaPlatformaArgeta (Atlantic Grupa)Večtržna spletna stran
Argeta website and product branding displayed on various digital screens, featuring Argeta meat and vegetarian spreads in circular packaging, bold typography with the Argeta logo, a smiling woman in the main banner, and promotional information highlighting Argeta’s market leadership and new editions.
Argeta (Atlantic Grupa) logo

Argeta je vodilna znamka pašteta v Evropi, znana po kakovosti, okusu in čustveni povezanosti z generacijami potrošnikov. Z bogato dediščino in vse večjo mednarodno prisotnostjo predstavlja tako nostalgijo kot inovativnost.

Argeta pâté packaging on an orange background with the text “Strong but scattered message” in bold white letters across the center. The main Argeta can is fully visible in the top left, featuring branding and product details, while two blurred cans appear in the background and bottom right corner.

Izziv

Argeta je močna digitalna znamka z aktivno prisotnostjo. Nova spletna stran je morala podpreti in okrepiti tekoča prizadevanja s prilagodljivo, prilagodljivo platformo, ki odraža njeno čustveno privlačnost na ključnih trgih in privablja nova občinstva po svetu.

Arrangement of twelve Argeta pâté cans forming a circle around the centered text "Build to scale across borders." on an orange background.

Načrt

Da bi se spopadli s tem izzivom, smo se lotili izgradnje prilagojene spletne izkušnje, ki služi različnim pričakovanjem uporabnikov glede na poznavanje trga – z uravnoteženjem čustvenega pripovedovanja zgodb in jasne predstavitve izdelkov. Vse to podpira prilagodljiva arhitektura z večtržno in večjezično zmogljivostjo.

Rezultati in učinek

Nova spletna stran je hitra, prilagodljiva in SEO optimizirana platforma, ki podpira več kot 20 trgov in več jezikovnih različic. Z več kot 2.500 stranmi, postavljenimi v manj kot eni minuti, opolnomoča urednike skozi prilagodljiv CMS in večkrat uporabne komponente. Rezultat je enoten, prilagodljiv sistem, usklajen z razvijajočo se digitalno strategijo Argete.
20+

trgov, podprtih z lokalizirano vsebino in jezikovnimi različicami.

Od vpogleda v dva trga do globalne uvedbe – zasnovano in razširjeno v 9 mesecih.

Uvajanje

2 tedna

Pred začetkom raziskovanja smo se uvedli v projekt s pregledom gradiv, ki so jih predhodno ustvarili stranka in njihova marketinška agencija Luna \TBWA. To je vključevalo predstavitve, zgodnje strateške prispevke in začetne vsebinske premisleke. Ob teh dokumentih smo z ekipo stranke izvedli vrsto pogovorov, da bi razjasnili kontekst in razumeli razmišljanje za prejšnjim delom.

To nam je pomagalo dojeti obseg, kompleksnost in pričakovanja projekta. Ponudilo nam je tudi izhodišče za opredelitev našega obsega – kaj se lahko ponovno uporabi in kaj je še treba oblikovati. Z uskladitvijo odgovornosti in vzpostavljenimi načini dela smo začeli sodelovanje pod jasnimi pogoji in s skupnimi pričakovanji.

Opravljene storitve

Ocena proračuna
Načrtovanje projektnih virov
Definicija časovnice in mejnikov
Podpis pogodbe
A file directory interface displaying project files related to Argeta, including PowerPoint presentations and one PDF. File names visible are: "Argeta New Web Page Mood Board VAMSS.pptx," "Argeta webpage revamp ideas_TB_west.pptx," "Argeta_webpage_redesign_moodboard_not_interactive_20211213.pdf," "web assignment.pptx," "WEB PAGE GROUP.pptx," and "WEB PAGE RE-VAMP 2022_NTGS.pptx." Filter options above the list include Type, People, Modified, and Source.
Argeta logo centered on an orange gradient background with the text “NEW WEB PAGE MOOD BOARD” below the logo in white capital letters.

Raziskovanje

2 tedna

Po uvajanju smo prešli v raziskovalno fazo, ki se je začela z raziskavo trga in pregledom ključnih konkurentov ter najboljših praks v sektorju. To nam je pomagalo razumeti Argetin položaj, kaj uporabniki pričakujejo in kako se digitalne izkušnje na tem področju razvijajo.

Da bi šli globlje, smo načrtovali in vodili dve delavnici – vsako v dveh delih – osredotočeni na razumevanje dveh različnih tipov uporabnikov: tistih iz Argetinih ključnih vzhodnih trgov in tistih iz novejših zahodnih trgov. Na vsaki seji smo zarisali, kaj ti uporabniki že vedo o znamki, kaj potrebujejo od spletne strani in kako njihov lokalni kontekst vpliva na pričakovanja.

Iz teh delavnic smo opredelili jasne persone in orisali specifične vsebinske potrebe ter funkcionalnosti za vsako izmed njih. Razlike med uporabniškimi skupinami je bilo mogoče nasloviti z minimalnim strukturnim odstopanjem, kar je omogočilo, da smo obe podprli v okviru enotne izkušnje.

Opravljene storitve

Vodenje delavnic z deležniki
Definicija uporabniških person
Vsebinsko mapiranje
White slide with text in Slovenian: “Analizirajmo: Znane težave s spletnega mesta. I. Hitrost II. Težko urejanje III. Nekonsistentnost.” The slide lists common website issues such as speed, difficult editing, and inconsistency, styled in CNJ Digital’s branding colors.
Flowchart segment showing an orange rounded rectangle labeled "Delavnice" connected to a grey "UX Design" shape. Below "Delavnice" are the bullet points: Personas, Needs, Functionalities, with an upward-pointing black arrow. The words "Wireframe MVP" are faintly visible next to "UX Design."
Screenshot of a CNJ Digital web page section titled "User stories" in orange text, displaying a user story formula: "As a <who>, I want <what> so that <why>." Below are a numbered list of user stories written in Slovenian, each one beginning with "Kot vzhodni uporabnik želim," followed by various product-related needs and requirements.
Tabular list of website accessibility adjustments for CNJ Digital, detailing adjustment names, descriptions, user roles, localization, multi-factor authentication settings, and exposure percentages. The table includes various adjustments such as "Breach reward," "Broadcast panel," "New idea," "New status," "Add admin," and "Remove," each with columns for short name, description, user roles, localization, and statistical exposure data. The interface features a clean, minimalist design with a white background and light gray dividers.

UX oblikovanje

1 mesec

UX proces je vpoglede iz raziskovanja prevedel v strukturirane tokove, prilagojene dvema ključnima personama – uporabnikom iz Argetinih uveljavljenih vzhodnih trgov in tistim iz manj poznanih zahodnih regij. Čeprav sta se njihova prepoznavnost znamke in vsebinska pričakovanja razlikovala, smo ugotovili, da je njihove potrebe mogoče nasloviti z minimalnimi vsebinskimi premiki in rahlimi prilagoditvami struktur pristajalnih strani. To nam je omogočilo, da smo ohranili enoten oblikovalski in razvojni sistem brez dodatne kompleksnosti ali stroškov.

Začeli smo z žičnimi okvirji, najprej zasnovanimi za mobilne naprave, ki so bili osredotočeni na pripovedovanje zgodb, raziskovanje izdelkov in zaupanje v znamko. Ti so se razvili v namizne postavitve, vse zgrajene na modularni strukturi, ki temelji na skupni informacijski arhitekturi.

Vsako fazo prototipa smo pregledali s stranko in iterativno napredovali od pristajalnih strani do bolj poglobljenih vsebin o izdelkih in znamki. Sledilo je testiranje uporabnikov, pri katerem so udeleženci opravljali naloge, kot so iskanje linij izdelkov, razumevanje sporočil znamke in raziskovanje možnosti nakupa.

Testiranje je potrdilo, da osnovni UX pristop deluje za obe uporabniški skupini. Povratne informacije so opozarjale le na manjše izboljšave – večinoma povezane s poimenovanjem in določenimi UI postavitvami. Minimalne potrebne spremembe so potrdile našo oblikovalsko smer in zagotovile gladek prehod v vizualno izvedbo brez predelav ali prekoračitve stroškov.

Opravljene storitve

Žično okvirjanje
Oblikovanje interakcij
Prototipiranje
Testiranje uporabnosti
Three mobile interface screens for Argeta’s website, showcasing responsive design with bold typography and a monochrome color scheme. The screens highlight messages such as “Meet the good side of bread” and customer testimonials like “Argeta is the best part of my morning!” Buttons invite users to “Spread Argeta” and “Discover all bread recipes.” The Argeta logo appears at the top, and content features a focus on quality pate products, user stories, and accessible navigation.
Screenshot of a project documentation table outlining the information architecture for Argeta.com. The table includes columns for page name and corresponding Figma links. Sections are organized hierarchically with numbered headings such as Homepage, Product Family, Product, and Academy. The title at the top reads "Information Architecture / Argeta.com" and "Top level structure." The Antonija Droga Kolinsika file is referenced at the top of the page.
Mobile app interface displaying Argeta flavours with filter buttons for "Original," "Zelenjavni namazi," "Junior," "Meso," "Ribe," "Zelenjava," and "Halal" at the top. Below, a grid shows product placeholders, with one visible product in the lower left corner: Argeta Kokošja chicken pâté tin labeled "Fan favorit." Product descriptions in Slovenian below each item.
Accessible web page section layout for breadmaking, featuring bold text "Get into breadmaking #breadlove" with a button labeled "Browse all bread recipes." Three recipe categories—White bread, Garlic bread, Layered bread—each have "Recipe photo" placeholders and "Bake it" buttons. Lower section shows a mobile phone mockup labeled "Flipargeta mockup" beside a promotional message: "Feeling lucky? Play FlipArgeta and win some Argeta spreads! Sportsman and women show everybody how hard it is to be number one. But they do it and inspire us. This is why we support them." Button below reads "Play FlipArgeta now."

Sodelovanje pri UI oblikovanju

2 meseca

Vizualno smer je vodil Damijan Penič iz Higroupa, CNJ pa je kot tehnični povezovalec podpiral tako stranko kot oblikovalca. Od najzgodnejših postavitev do končnih elementov vmesnika smo tesno sodelovali, da bi zagotovili, da je ustvarjalna ambicija usklajena s tehnično izvedljivostjo in cilji zmogljivosti.

Medtem ko je Damijan oblikoval vizualno identiteto, je bila naša vloga zagotavljanje proaktivnih povratnih informacij o logiki interakcij, vedenju postavitev in prilagodljivosti komponent. Trudili smo se uskladiti animacije, strukturo in sistemske omejitve ter zagotoviti, da se zasnove brezhibno prilagajajo različnim velikostim zaslonov in tržnim različicam.

Ta nenehna izmenjava nam je omogočila, da smo elemente zgodaj dodelali in zmanjšali izvedbene režije, ne da bi pri tem ogrozili vizualno zamisel. Z globoko vpletenostjo skozi celoten proces smo pomagali dostaviti UI, ki je izrazen, vzdržljiv in popolnoma usklajen z globalno strategijo Argete.

Opravljene storitve

Tehnično svetovanje
Optimizacija obsega razvoja
Argeta Kokošja pâté tin with green label on a beige background, next to a customer testimonial stating, "Argeta is the best part of my morning!" by @vesna. The layout emphasizes the Argeta brand and product.
Argeta website interface featuring filter buttons labeled All, Junior, Exclusive, Veggie, and Argeta; informational buttons for sustainability, company story, and news; a highlighted Argeta Kolade fish and meat spread product with description; and a table setting with bread, spreads, fruits, and drinks.
Argeta Tuna pâté displayed alongside a tray with sliced baguette topped with the spread and dried tomatoes, cherry tomatoes on the vine, and seashells on a blue wooden surface; heading text reads “Find your next favorite flavour.” and subheading “Serve it like a chef – Argeta goes great with dried Tomatoes.”
Loaf of rustic white bread on a wooden surface with a flour dusting, next to the text “Get into bread-making” and a button labeled “Browse all bread recipes”; CNJ Digital branding with hashtag #BREADLOVE on the side.
Argeta Veggie chickpea spread tin displayed on a green background with the text: "We make our spreads with local vegetables" and a button labeled "Explore Argeta Veggie."
Argeta KoKošja pâté with asparagus shown in an open tin next to toast slices and asparagus on a cutting board. Product packaging highlights "Free From" artificial colors, flavor enhancers, and gluten. Website interface features category tags "Kokošje meso", "Začimbe", and "Beljakovine", a product description in Slovenian, and buttons labeled "BUY NOW" and "NUTRITION VALUES". Argeta branding is clearly visible.

Razvoj

6 mesecev

Z močnim vizualnim poudarkom in interakcijsko bogato zasnovo je razvoj sprednjega dela zahteval natančno optimizacijo za odzivnost, zmogljivost in združljivost med brskalniki. Od animiranih prehodov do tekočih postavitev smo poskrbeli, da je izkušnja ostala gladka na vseh tipih naprav.

V ozadju smo migrirali vsebino iz velikega sistema WordPress in zasnovali rešitev CMS, ki lahko podpre več kot 20 trgov – in še več jezikovnih različic, saj nekatere regije zaradi lokalnih predpisov zahtevajo več variant. Izbrali smo Statamic zaradi njegove plosko-datotečne arhitekture, prilagodljivosti in močne podpore za modularno vsebino. To nam je omogočilo, da smo implementirali popolnoma komponentno zasnovan graditelj strani, kjer lahko uredniki prosto zlagajo elemente, dodajajo animacije in upravljajo postavitve neposredno v CMS – brez odvisnosti od razvijalcev.

Kljub temu da poganja več kot 2.500 unikatnih strani, se sistem postavi v manj kot minuti. Komponente so modularne in večkrat uporabne, kar omogoča hitro postavitev kampanjskih strani in novih vsebinskih oblik. Rezultat ni le visoko zmogljiva spletna stran, temveč prilagodljiv vsebinski motor, prilagojen za podporo razvijajočim se globalnim marketinškim potrebam Argete.

Opravljene storitve

Razvoj zalednega dela
Razvoj sprednjega dela
Zagotavljanje kakovosti
Argeta website landing page featuring bold orange branding with "Argeta" logo, tagline "No. 1 meat & fish pate in Europe*", navigation menu, and a background image of a woman eating; Argeta pâté packaging and spread on bread visible above and to the right.
Argeta mobile website interface displaying a can of Argeta pâté on a wooden board with bread and flowers, accompanied by the headline “Original Meat flavours made with only the best cuts” in bold white text.
Martin Koterle

Martin Koterle

Vodja razvojne ekipe in arhitekt rešitev

Naš izziv je bila razsežnost: izgradnja CMS-ja, ki podpira več kot 20 trgov in še več jezikovnih različic na tisočih straneh. Modularnost in ponovna uporabnost sta bili ključnega pomena – Argeti omogočata, da se hitro premika in ostane v nadzoru.

Argeta branded promotional banner featuring a close-up of a slice of bread topped with Argeta meat spread, surrounded by fresh bread and a branded container. Text reads: “Original Meat Flavours with only the best cu...” and navigational options include “Argeta Products” and “Bread Ideas.”
Argeta Junior KokoKrem chicken spread packaging displayed on a light beige background, accompanied by promotional text highlighting "Only 100% natural spices and plant oils" and an "About Junior" section describing the product’s use of natural ingredients, suitable for children and adults. A button at the bottom invites users to "Learn about our sustainability."

Okus je ostal isti. Platforma je odrasla – in zaživela daleč od doma.

Skočimo na klic o vašem projektu

30-minutni klic, da razumemo kaj gradite in ali smo prava ekipa za vas.

Raje po e-pošti?

[email protected]