{"id":43112,"date":"2026-05-21T05:37:52","date_gmt":"2026-05-21T05:37:52","guid":{"rendered":"https:\/\/codewebbarcelona.com\/la-revoltosa-diseno-web-para-alimentacion-con-sabor-ritmo-y-mucho-caracter-2\/"},"modified":"2026-05-21T05:43:11","modified_gmt":"2026-05-21T05:43:11","slug":"disseny-web-per-alimentacio-la-revoltosa-per-waka","status":"publish","type":"post","link":"https:\/\/codewebbarcelona.com\/ca\/disseny-web-per-alimentacio-la-revoltosa-per-waka\/","title":{"rendered":"Disseny web per alimentaci\u00f3: La Revoltosa per Waka"},"content":{"rendered":"<p>Hi ha marques d\u2019alimentaci\u00f3 que intenten resultar apetitoses. I despr\u00e9s hi ha La Revoltosa, que irromp com una soda acabada d\u2019obrir: vermella, sorollosa, amb bombolla visual i un toc teatral que no demana perm\u00eds. El seu web parteix d\u2019una idea molt clara: si el producte t\u00e9 car\u00e0cter, l\u2019experi\u00e8ncia digital no pot ser un cat\u00e0leg t\u00edmid.<\/p>\n<p>La gr\u00e0cia \u00e9s que tot juga a la mateixa lliga. Color, tipografia, ampolla, il\u00b7lustraci\u00f3, motion i copy apunten en la mateixa direcci\u00f3 visual. No hi ha una capa de branding per una banda i una de UX\/UI per l\u2019altra. La interf\u00edcie forma part de la identitat, i aix\u00f2, en una marca de beguda, transforma la percepci\u00f3 de valor: el producte deixa de ser \u201cuna refer\u00e8ncia m\u00e9s\u201d i passa a ocupar un lloc propi a la mem\u00f2ria visual.<\/p>\n<p>Com a inspiraci\u00f3 per a disseny web d\u2019alimentaci\u00f3, La Revoltosa funciona especialment b\u00e9 perqu\u00e8 no es queda nom\u00e9s amb l\u2019impacte de la primera pantalla. T\u00e9 ritme visual, una composici\u00f3 pensada i petites interaccions que fan que navegar-hi s\u2019assembli m\u00e9s a fullejar una pe\u00e7a editorial que a rec\u00f3rrer una fitxa comercial.<\/p>\n<h2>La Revoltosa \u2014 hero amb pols editorial<\/h2>\n<p>El primer cop \u00e9s vermell pur. Un vermell intens, dominant, gaireb\u00e9 esc\u00e8nic. Sobre aquest fons, l\u2019ampolla inclinada ocupa el centre com si fos un personatge, no un simple producte. La tipografia blanca, gegant i contundent, construeix una frase-marca que es llegeix d\u2019una ullada i es queda ressonant: \u201cLa bombolla ib\u00e8rica\u201d.<\/p>\n<p>La composici\u00f3 t\u00e9 alguna cosa de cartell, de packaging ampliat i de portada. No pret\u00e9n explicar-ho tot d\u2019entrada. Prefereix crear atmosfera, marcar el to i deixar clar que aquesta beguda no juga en terreny neutre. Per a marques d\u2019alimentaci\u00f3, aquesta decisi\u00f3 pesa m\u00e9s del que sembla: quan el lineal est\u00e0 saturat de codis similars, una direcci\u00f3 visual tan reconeixible ajuda a vendre abans fins i tot que l\u2019usuari arribi al detall del producte.<\/p>\n<figure class=\"source-visual\"><img decoding=\"async\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2026\/05\/69ea74293b9fa603657155.jpg\" alt=\"La Revoltosa\" \/><figcaption>La Revoltosa \u2014 producte, vermell i tipografia gran com a declaraci\u00f3 d\u2019identitat.<\/figcaption><\/figure>\n<p>El hero no es basa nom\u00e9s en la mida. Tamb\u00e9 juga amb la tensi\u00f3 entre producte real i il\u00b7lustraci\u00f3. L\u2019ampolla aporta mat\u00e8ria, etiqueta, sabor; el personatge il\u00b7lustrat suma univers propi. Aquesta barreja evita que el web sembli una simple landing de beguda i l\u2019apropa a una campanya de marca amb vida pr\u00f2pia.<\/p>\n<h4>Entrada amb bombolla i profunditat<\/h4>\n<figure class=\"source-video\"><video poster=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2026\/05\/69ef51064eb64827771663_static.jpeg\" preload=\"metadata\" autoplay=\"autoplay\" loop=\"loop\" muted=\"\" width=\"300\" height=\"150\"><source src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2026\/05\/69ef51064eb64827771663.mp4\" type=\"video\/mp4\" \/><\/video><figcaption>La Revoltosa \u2014 una entrada en moviment que converteix la primera impressi\u00f3 en atmosfera.<\/figcaption><\/figure>\n<p>El motion suma una capa de gaudi sense trencar la lectura. Les bombolles, la profunditat i el despla\u00e7ament reforcen la sensaci\u00f3 de beguda amb gas, per\u00f2 tamb\u00e9 aporten un to m\u00e9s juganer. Aqu\u00ed l\u2019animaci\u00f3 no \u00e9s un afegit: neix de la pr\u00f2pia promesa del producte.<\/p>\n<h4>Producte i scroll amb aire cinematogr\u00e0fic<\/h4>\n<figure class=\"source-video\"><video poster=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2026\/05\/69ef5389ef62e517318875_static.jpeg\" preload=\"metadata\" autoplay=\"autoplay\" loop=\"loop\" muted=\"\" width=\"300\" height=\"150\"><source src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2026\/05\/69ef5389ef62e517318875.mp4\" type=\"video\/mp4\" \/><\/video><figcaption>La Revoltosa \u2014 ampolla, il\u00b7lustraci\u00f3 i tipografia es mouen com una sola pe\u00e7a de direcci\u00f3 visual.<\/figcaption><\/figure>\n<p>L\u2019escala tipogr\u00e0fica dona ritme a l\u2019experi\u00e8ncia. No tot es comporta com una interf\u00edcie. Algunes seccions tenen \u00e0nima de titular de campanya, i aix\u00f2 \u00e9s una bona pista per a qualsevol marca amb packaging potent: el web pot ampliar l\u2019univers visual del producte, no limitar-se a mostrar-lo en una graella correcta.<\/p>\n<h2>La Revoltosa \u2014 motion, men\u00fa i cat\u00e0leg amb xispa<\/h2>\n<p>Una identitat tan expressiva es juga en els detalls. Si el men\u00fa, els canvis de vista o les targetes de producte fossin plans, el conjunt perdria for\u00e7a. La Revoltosa evita aquest baix\u00f3 mantenint una l\u00ednia de motion coherent: transicions amb bombolles, canvis d\u2019estat amb intenci\u00f3 i una navegaci\u00f3 que parla el mateix idioma que el hero.<\/p>\n<h4>Men\u00fa amb continu\u00eftat de marca<\/h4>\n<figure class=\"source-video\"><video poster=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2026\/05\/69ea7e28e638d785304943_static.jpeg\" preload=\"metadata\" autoplay=\"autoplay\" loop=\"loop\" muted=\"\" width=\"300\" height=\"150\"><source src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2026\/05\/69ea7e28e638d785304943.mp4\" type=\"video\/mp4\" \/><\/video><figcaption>La Revoltosa \u2014 la navegaci\u00f3 mant\u00e9 el to visual en comptes de tallar l\u2019experi\u00e8ncia.<\/figcaption><\/figure>\n<p>El men\u00fa no es percep com una interrupci\u00f3 funcional. Forma part del mateix sistema: vermell, logo, bombolla, transici\u00f3. Aquesta continu\u00eftat refor\u00e7a la sensaci\u00f3 de marca treballada i fa que la navegaci\u00f3 sigui m\u00e9s fluida. Per a l\u2019usuari, moure\u2019s pel web no \u00e9s sortir de l\u2019univers visual; simplement canvia d\u2019escena.<\/p>\n<h4>Canvi de vista amb ritme d\u2019interf\u00edcie<\/h4>\n<figure class=\"source-video\"><video poster=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2026\/05\/69ef609b562b4469739797_static.jpeg\" preload=\"metadata\" autoplay=\"autoplay\" loop=\"loop\" muted=\"\" width=\"300\" height=\"150\"><source src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2026\/05\/69ef609b562b4469739797.mp4\" type=\"video\/mp4\" \/><\/video><figcaption>La Revoltosa \u2014 un gest de UI senzill guanya pres\u00e8ncia gr\u00e0cies a una transici\u00f3 ben mesurada.<\/figcaption><\/figure>\n<p>El canvi entre modes de visualitzaci\u00f3 t\u00e9 aquell punt que separa una interf\u00edcie correcta d\u2019una amb personalitat. No cal convertir cada interacci\u00f3 en un espectacle, per\u00f2 s\u00ed cuidar els moments on l\u2019usuari pren decisions. Un canvi de vista ben animat aporta claredat, fa m\u00e9s agradable explorar i refor\u00e7a la percepci\u00f3 de qualitat del lloc.<\/p>\n<h4>Targetes de producte amb joc<\/h4>\n<figure class=\"source-video\"><video poster=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2026\/05\/69ef60f4b5952798510965_static.jpeg\" preload=\"metadata\" autoplay=\"autoplay\" loop=\"loop\" muted=\"\" width=\"300\" height=\"150\"><source src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2026\/05\/69ef60f4b5952798510965.mp4\" type=\"video\/mp4\" \/><\/video><figcaption>La Revoltosa \u2014 el cat\u00e0leg es torna m\u00e9s t\u00e0ctil amb estats hover i color de producte.<\/figcaption><\/figure>\n<p>Al cat\u00e0leg, el hover no nom\u00e9s confirma que un element \u00e9s clicable. Afegeix una petita recompensa visual. Aquest gest canvia la manera de mirar: l\u2019usuari no \u201crepassa productes\u201d, hi juga una mica. I quan el producte t\u00e9 una identitat tan marcada, aquesta interacci\u00f3 ajuda a generar desig sense necessitat d\u2019insistir amb missatges comercials.<\/p>\n<h4>Ampolla 3D com a protagonista<\/h4>\n<figure class=\"source-video\"><video poster=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2026\/05\/69ef60fa96768013778139_static.jpeg\" preload=\"metadata\" autoplay=\"autoplay\" loop=\"loop\" muted=\"\" width=\"300\" height=\"150\"><source src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2026\/05\/69ef60fa96768013778139.mp4\" type=\"video\/mp4\" \/><\/video><figcaption>La Revoltosa \u2014 la presentaci\u00f3 3D situa el producte al centre emocional de la pantalla.<\/figcaption><\/figure>\n<p>La interacci\u00f3 3D funciona perqu\u00e8 el packaging t\u00e9 pres\u00e8ncia. L\u2019ampolla no apareix com a inventari; es mostra com a objecte de desig. Per a ecommerce d\u2019alimentaci\u00f3, aquest mat\u00eds importa: una bona fitxa ven informaci\u00f3, per\u00f2 una bona direcci\u00f3 visual ven ganes. Si el producte pot girar, respirar i ocupar espai, la percepci\u00f3 de valor puja.<\/p>\n<h4>Il\u00b7lustraci\u00f3 i scroll com a relat<\/h4>\n<figure class=\"source-video\"><video poster=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2026\/05\/69ef517054f9a207217219_static.jpeg\" preload=\"metadata\" autoplay=\"autoplay\" loop=\"loop\" muted=\"\" width=\"300\" height=\"150\"><source src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2026\/05\/69ef517054f9a207217219.mp4\" type=\"video\/mp4\" \/><\/video><figcaption>La Revoltosa \u2014 la il\u00b7lustraci\u00f3 afegeix car\u00e0cter i converteix l\u2019scroll en relat de marca.<\/figcaption><\/figure>\n<p>La il\u00b7lustraci\u00f3 \u00e9s clau perqu\u00e8 l\u2019experi\u00e8ncia no es torni massa \u201cproducte sobre fons vermell\u201d. Aporta humor, proximitat i un toc popular que encaixa amb el to verbal. La marca parla com si estigu\u00e9s en una sobretaula, i la part visual acompanya amb el mateix desvergonyiment.<\/p>\n<h2>La Revoltosa \u2014 tancament m\u00f2bil amb eco de marca<\/h2>\n<p>La versi\u00f3 m\u00f2bil mant\u00e9 el car\u00e0cter sense perdre claredat. El formulari apareix amb una pregunta directa, gaireb\u00e9 de conversa: \u201cQu\u00e8 et porta per aqu\u00ed?\u201d. No sona a tr\u00e0mit. Sona a entrada natural a una conversa. Aquest detall de to redueix la fricci\u00f3 i converteix el contacte en una extensi\u00f3 de la personalitat de marca.<\/p>\n<figure class=\"source-visual\"><img decoding=\"async\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2026\/05\/69ef61685efc5302545256.jpg\" alt=\"La Revoltosa formulario m\u00f3vil\" \/><figcaption>La Revoltosa \u2014 el contacte m\u00f2bil conserva l\u2019atmosfera teatral sense perdre el focus.<\/figcaption><\/figure>\n<p>El fons de cortina vermella mant\u00e9 aquesta sensaci\u00f3 d\u2019escenari, per\u00f2 la targeta central ordena l\u2019acci\u00f3. Hi ha un selector clar, un bot\u00f3 circular i una jerarquia simple. \u00c9s un bon recordatori per a marques amb molta personalitat: tenir car\u00e0cter no vol dir complicar cada pas. La UX pot ser juganera i continuar sent f\u00e0cil d\u2019utilitzar.<\/p>\n<h4>Un footer que no s\u2019apaga<\/h4>\n<figure class=\"source-video\"><video poster=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2026\/05\/69ef6135948b5966445053_static.jpeg\" preload=\"metadata\" autoplay=\"autoplay\" loop=\"loop\" muted=\"\" width=\"300\" height=\"150\"><source src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2026\/05\/69ef6135948b5966445053.mp4\" type=\"video\/mp4\" \/><\/video><figcaption>La Revoltosa \u2014 fins i tot el tancament conserva bombolla, moviment i identitat.<\/figcaption><\/figure>\n<p>El footer mant\u00e9 el pols. Moltes webs arriben al final i es tornen administratives de cop: enlla\u00e7os, legals, contacte i poca cosa m\u00e9s. Aqu\u00ed el tancament segueix tenint atmosfera. No \u00e9s un detall menor; el darrer tram tamb\u00e9 construeix record, confian\u00e7a i sensaci\u00f3 de projecte cuidat.<\/p>\n<p>La Revoltosa deixa un missatge clar: el disseny web per a alimentaci\u00f3 guanya quan deixa d\u2019imitar estructures gen\u00e8riques i es converteix en una extensi\u00f3 real del producte. El color no decora, la tipografia no omple, el motion no presumeix. Tot empeny en la mateixa direcci\u00f3: fer que una beguda tingui veu, cos i mem\u00f2ria visual.<\/p>\n<p>La lli\u00e7\u00f3 m\u00e9s \u00fatil no \u00e9s copiar el vermell, les bombolles o el 3D. \u00c9s entendre el criteri: si una marca t\u00e9 sabor, el web ha de saber transmetre\u2019l abans de demanar a l\u2019usuari que compri, contacti o explori. Primer es construeix el desig. Despr\u00e9s, la interacci\u00f3 fa la resta.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Hi ha marques d\u2019alimentaci\u00f3 que intenten resultar apetitoses. I despr\u00e9s hi ha La Revoltosa, que irromp com una soda acabada d\u2019obrir: vermella, sorollosa, amb bombolla visual i un toc teatral que no demana perm\u00eds. El seu web parteix d\u2019una idea molt clara: si el producte t\u00e9 car\u00e0cter, l\u2019experi\u00e8ncia digital no pot ser un cat\u00e0leg t\u00edmid. [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":43057,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[210,134],"class_list":["post-43112","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-inspiracio","category-disseny-grafic"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.2 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Disseny web per alimentaci\u00f3: La Revoltosa per Waka - Code Barcelona<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/codewebbarcelona.com\/ca\/disseny-web-per-alimentacio-la-revoltosa-per-waka\/\" \/>\n<meta property=\"og:locale\" content=\"ca_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Disseny web per alimentaci\u00f3: La Revoltosa per Waka - Code Barcelona\" \/>\n<meta property=\"og:description\" content=\"Hi ha marques d\u2019alimentaci\u00f3 que intenten resultar apetitoses. I despr\u00e9s hi ha La Revoltosa, que irromp com una soda acabada d\u2019obrir: vermella, sorollosa, amb bombolla visual i un toc teatral que no demana perm\u00eds. El seu web parteix d\u2019una idea molt clara: si el producte t\u00e9 car\u00e0cter, l\u2019experi\u00e8ncia digital no pot ser un cat\u00e0leg t\u00edmid. [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/codewebbarcelona.com\/ca\/disseny-web-per-alimentacio-la-revoltosa-per-waka\/\" \/>\n<meta property=\"og:site_name\" content=\"Code Barcelona\" \/>\n<meta property=\"article:published_time\" content=\"2026-05-21T05:37:52+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-05-21T05:43:11+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2026\/05\/69ea74293b9fa603657155.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1600\" \/>\n\t<meta property=\"og:image:height\" content=\"1200\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"cd26Bc\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Escrit per\" \/>\n\t<meta name=\"twitter:data1\" content=\"cd26Bc\" \/>\n\t<meta name=\"twitter:label2\" content=\"Temps estimat de lectura\" \/>\n\t<meta name=\"twitter:data2\" content=\"8 minuts\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/codewebbarcelona.com\/ca\/disseny-web-per-alimentacio-la-revoltosa-per-waka\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/codewebbarcelona.com\/ca\/disseny-web-per-alimentacio-la-revoltosa-per-waka\/\"},\"author\":{\"name\":\"cd26Bc\",\"@id\":\"https:\/\/codewebbarcelona.com\/ca\/#\/schema\/person\/3af5f44aaf0de2919e9225aa5ca32567\"},\"headline\":\"Disseny web per alimentaci\u00f3: La Revoltosa per Waka\",\"datePublished\":\"2026-05-21T05:37:52+00:00\",\"dateModified\":\"2026-05-21T05:43:11+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/codewebbarcelona.com\/ca\/disseny-web-per-alimentacio-la-revoltosa-per-waka\/\"},\"wordCount\":1349,\"image\":{\"@id\":\"https:\/\/codewebbarcelona.com\/ca\/disseny-web-per-alimentacio-la-revoltosa-per-waka\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2026\/05\/69ea74293b9fa603657155.jpg\",\"articleSection\":[\"Inspiraci\u00f3\",\"Dise\u00f1o gr\u00e1fico\"],\"inLanguage\":\"ca\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/codewebbarcelona.com\/ca\/disseny-web-per-alimentacio-la-revoltosa-per-waka\/\",\"url\":\"https:\/\/codewebbarcelona.com\/ca\/disseny-web-per-alimentacio-la-revoltosa-per-waka\/\",\"name\":\"Disseny web per alimentaci\u00f3: La Revoltosa per Waka - Code Barcelona\",\"isPartOf\":{\"@id\":\"https:\/\/codewebbarcelona.com\/ca\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/codewebbarcelona.com\/ca\/disseny-web-per-alimentacio-la-revoltosa-per-waka\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/codewebbarcelona.com\/ca\/disseny-web-per-alimentacio-la-revoltosa-per-waka\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2026\/05\/69ea74293b9fa603657155.jpg\",\"datePublished\":\"2026-05-21T05:37:52+00:00\",\"dateModified\":\"2026-05-21T05:43:11+00:00\",\"author\":{\"@id\":\"https:\/\/codewebbarcelona.com\/ca\/#\/schema\/person\/3af5f44aaf0de2919e9225aa5ca32567\"},\"inLanguage\":\"ca\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/codewebbarcelona.com\/ca\/disseny-web-per-alimentacio-la-revoltosa-per-waka\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"ca\",\"@id\":\"https:\/\/codewebbarcelona.com\/ca\/disseny-web-per-alimentacio-la-revoltosa-per-waka\/#primaryimage\",\"url\":\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2026\/05\/69ea74293b9fa603657155.jpg\",\"contentUrl\":\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2026\/05\/69ea74293b9fa603657155.jpg\",\"width\":1600,\"height\":1200},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/codewebbarcelona.com\/ca\/#website\",\"url\":\"https:\/\/codewebbarcelona.com\/ca\/\",\"name\":\"Code Barcelona\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/codewebbarcelona.com\/ca\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"ca\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/codewebbarcelona.com\/ca\/#\/schema\/person\/3af5f44aaf0de2919e9225aa5ca32567\",\"name\":\"cd26Bc\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"ca\",\"@id\":\"https:\/\/secure.gravatar.com\/avatar\/b904e836584635855eaa0ee2922bae4fe2aa94ffb558048dcc5dac5f98f0fadc?s=96&d=mm&r=g\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/b904e836584635855eaa0ee2922bae4fe2aa94ffb558048dcc5dac5f98f0fadc?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/b904e836584635855eaa0ee2922bae4fe2aa94ffb558048dcc5dac5f98f0fadc?s=96&d=mm&r=g\",\"caption\":\"cd26Bc\"},\"sameAs\":[\"https:\/\/codewebbarcelona.com\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Disseny web per alimentaci\u00f3: La Revoltosa per Waka - Code Barcelona","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/codewebbarcelona.com\/ca\/disseny-web-per-alimentacio-la-revoltosa-per-waka\/","og_locale":"ca_ES","og_type":"article","og_title":"Disseny web per alimentaci\u00f3: La Revoltosa per Waka - Code Barcelona","og_description":"Hi ha marques d\u2019alimentaci\u00f3 que intenten resultar apetitoses. I despr\u00e9s hi ha La Revoltosa, que irromp com una soda acabada d\u2019obrir: vermella, sorollosa, amb bombolla visual i un toc teatral que no demana perm\u00eds. El seu web parteix d\u2019una idea molt clara: si el producte t\u00e9 car\u00e0cter, l\u2019experi\u00e8ncia digital no pot ser un cat\u00e0leg t\u00edmid. [&hellip;]","og_url":"https:\/\/codewebbarcelona.com\/ca\/disseny-web-per-alimentacio-la-revoltosa-per-waka\/","og_site_name":"Code Barcelona","article_published_time":"2026-05-21T05:37:52+00:00","article_modified_time":"2026-05-21T05:43:11+00:00","og_image":[{"width":1600,"height":1200,"url":"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2026\/05\/69ea74293b9fa603657155.jpg","type":"image\/jpeg"}],"author":"cd26Bc","twitter_card":"summary_large_image","twitter_misc":{"Escrit per":"cd26Bc","Temps estimat de lectura":"8 minuts"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/codewebbarcelona.com\/ca\/disseny-web-per-alimentacio-la-revoltosa-per-waka\/#article","isPartOf":{"@id":"https:\/\/codewebbarcelona.com\/ca\/disseny-web-per-alimentacio-la-revoltosa-per-waka\/"},"author":{"name":"cd26Bc","@id":"https:\/\/codewebbarcelona.com\/ca\/#\/schema\/person\/3af5f44aaf0de2919e9225aa5ca32567"},"headline":"Disseny web per alimentaci\u00f3: La Revoltosa per Waka","datePublished":"2026-05-21T05:37:52+00:00","dateModified":"2026-05-21T05:43:11+00:00","mainEntityOfPage":{"@id":"https:\/\/codewebbarcelona.com\/ca\/disseny-web-per-alimentacio-la-revoltosa-per-waka\/"},"wordCount":1349,"image":{"@id":"https:\/\/codewebbarcelona.com\/ca\/disseny-web-per-alimentacio-la-revoltosa-per-waka\/#primaryimage"},"thumbnailUrl":"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2026\/05\/69ea74293b9fa603657155.jpg","articleSection":["Inspiraci\u00f3","Dise\u00f1o gr\u00e1fico"],"inLanguage":"ca"},{"@type":"WebPage","@id":"https:\/\/codewebbarcelona.com\/ca\/disseny-web-per-alimentacio-la-revoltosa-per-waka\/","url":"https:\/\/codewebbarcelona.com\/ca\/disseny-web-per-alimentacio-la-revoltosa-per-waka\/","name":"Disseny web per alimentaci\u00f3: La Revoltosa per Waka - Code Barcelona","isPartOf":{"@id":"https:\/\/codewebbarcelona.com\/ca\/#website"},"primaryImageOfPage":{"@id":"https:\/\/codewebbarcelona.com\/ca\/disseny-web-per-alimentacio-la-revoltosa-per-waka\/#primaryimage"},"image":{"@id":"https:\/\/codewebbarcelona.com\/ca\/disseny-web-per-alimentacio-la-revoltosa-per-waka\/#primaryimage"},"thumbnailUrl":"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2026\/05\/69ea74293b9fa603657155.jpg","datePublished":"2026-05-21T05:37:52+00:00","dateModified":"2026-05-21T05:43:11+00:00","author":{"@id":"https:\/\/codewebbarcelona.com\/ca\/#\/schema\/person\/3af5f44aaf0de2919e9225aa5ca32567"},"inLanguage":"ca","potentialAction":[{"@type":"ReadAction","target":["https:\/\/codewebbarcelona.com\/ca\/disseny-web-per-alimentacio-la-revoltosa-per-waka\/"]}]},{"@type":"ImageObject","inLanguage":"ca","@id":"https:\/\/codewebbarcelona.com\/ca\/disseny-web-per-alimentacio-la-revoltosa-per-waka\/#primaryimage","url":"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2026\/05\/69ea74293b9fa603657155.jpg","contentUrl":"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2026\/05\/69ea74293b9fa603657155.jpg","width":1600,"height":1200},{"@type":"WebSite","@id":"https:\/\/codewebbarcelona.com\/ca\/#website","url":"https:\/\/codewebbarcelona.com\/ca\/","name":"Code Barcelona","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/codewebbarcelona.com\/ca\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"ca"},{"@type":"Person","@id":"https:\/\/codewebbarcelona.com\/ca\/#\/schema\/person\/3af5f44aaf0de2919e9225aa5ca32567","name":"cd26Bc","image":{"@type":"ImageObject","inLanguage":"ca","@id":"https:\/\/secure.gravatar.com\/avatar\/b904e836584635855eaa0ee2922bae4fe2aa94ffb558048dcc5dac5f98f0fadc?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/b904e836584635855eaa0ee2922bae4fe2aa94ffb558048dcc5dac5f98f0fadc?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/b904e836584635855eaa0ee2922bae4fe2aa94ffb558048dcc5dac5f98f0fadc?s=96&d=mm&r=g","caption":"cd26Bc"},"sameAs":["https:\/\/codewebbarcelona.com"]}]}},"_links":{"self":[{"href":"https:\/\/codewebbarcelona.com\/ca\/wp-json\/wp\/v2\/posts\/43112","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/codewebbarcelona.com\/ca\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/codewebbarcelona.com\/ca\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/codewebbarcelona.com\/ca\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/codewebbarcelona.com\/ca\/wp-json\/wp\/v2\/comments?post=43112"}],"version-history":[{"count":3,"href":"https:\/\/codewebbarcelona.com\/ca\/wp-json\/wp\/v2\/posts\/43112\/revisions"}],"predecessor-version":[{"id":43121,"href":"https:\/\/codewebbarcelona.com\/ca\/wp-json\/wp\/v2\/posts\/43112\/revisions\/43121"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/codewebbarcelona.com\/ca\/wp-json\/wp\/v2\/media\/43057"}],"wp:attachment":[{"href":"https:\/\/codewebbarcelona.com\/ca\/wp-json\/wp\/v2\/media?parent=43112"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/codewebbarcelona.com\/ca\/wp-json\/wp\/v2\/categories?post=43112"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}