{"id":527,"date":"2023-08-25T18:19:35","date_gmt":"2023-08-25T21:19:35","guid":{"rendered":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/?p=527"},"modified":"2023-08-25T18:19:36","modified_gmt":"2023-08-25T21:19:36","slug":"adaptacion-de-web-not-okay","status":"publish","type":"post","link":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/adaptacion-de-web-not-okay\/","title":{"rendered":"Adaptaci\u00f3n de web NOT-OKAY"},"content":{"rendered":"\n

<\/p>\n\n\n\n

Hablamos del sitio web de NOT CO, una empresa de alimentos que ofrece productos vegetales imitando el sabor de los tradicionales. Persuade a quienes buscan alternativas sin abordar cuestiones pol\u00edticas, “apuntamos a consumidores masivos, no s\u00f3lo a conquistar a veganos o vegetarianos<\/em>.\u201d<\/em><\/strong> – Mat\u00edas Muchnik, fundador de NOTCO. Este target de personas, son gente de clase media-alta que consumen marcas de primer nombre ya que NOTCO se equipar\u00e1 con el precio l\u00edder en los supermercados.<\/p>\n\n\n\n

La \u00fanica fuente utilizada por la marca fue creada para su sistema, una variable font<\/em> que es el resultado de la colisi\u00f3n entre dos ideas distintas, la tipograf\u00eda Kabel,<\/strong> una cl\u00e1sica geom\u00e9trica del siglo XX, y Erbar Grotesk<\/strong>, referencia futurista con toques tecnol\u00f3gicos. El resultado es una tipograf\u00eda con una \u201cl\u00f3gica inesperada\u201d en su ADN<\/strong>, lo cual le da el look audaz que representa la ideolog\u00eda que atraviesa la marca.<\/p>\n\n\n\n

<\/p>\n\n\n\n

<\/p>\n\n\n\n

Consideramos que esta familia display<\/strong> representa la particularidad rupturista<\/strong> pero no agresiva que trae esta empresa al mercado utilizando a la AI para crear alternativas deliciosas y sostenibles. La variable m\u00e1s utilizada en la web es la \u201cnot font display regular\u201d que aparece tanto en su logo como en sus headings,<\/em> y la secundaria \u201cnot font titling bold\u201d que es solo utilizada en peque\u00f1as bajadas de texto. Hacen un gran cuidado de la integridad de las mismas ya que solo var\u00edan en color y en tama\u00f1o.<\/p>\n\n\n\n

La compa\u00f1\u00eda para su identidad utiliza pocos elementos gr\u00e1ficos: fotograf\u00edas de estudio en alta calidad y recortadas, su tipograf\u00eda principal y una croma que cumple un papel protag\u00f3nico y organizativo, ya que cada producto es asociado a un color. Notamos una tendencia al “clean look” por el uso de recursos limitados variando en tama\u00f1o y en color para jerarquizar.<\/p>\n\n\n\n

<\/p>\n\n\n\n

<\/p>\n\n\n\n

Se ve como en sus productos hay un di\u00e1logo entre imagen y texto que funciona y aporta car\u00e1cter marcando vanguardia<\/strong> al enfocar su presentaci\u00f3n como si fueran iguales a los productos animales a los que estamos acostumbrados. Destacan en las g\u00f3ndolas por su identidad tipogr\u00e1fica y colores llamativos logrando que el producto tenga un dise\u00f1o pregnante<\/strong>, muy distinto a la apuesta de sus competidores que se inclinan hacia la est\u00e9tica natural y lavada.<\/p>\n\n\n\n

<\/p>\n\n\n\n

<\/p>\n\n\n\n

Sin embargo, en el inicio de la web, descubrimos que no solo toda la fuerza de identidad del packaging se perdi\u00f3 sino que la calidad compositiva dentro del espacio empeor\u00f3. El texto e imagen compiten y gritan al mismo tiempo, lo cual se refleja en la ausencia de diferentes niveles de lectura y jerarqu\u00edas. Asimismo, las im\u00e1genes se ven gen\u00e9ricas ya que no logran construir sentido junto con el texto que las acompa\u00f1a. <\/p>\n\n\n\n

M\u00e1s all\u00e1 de la grilla mon\u00f3tona y repetitiva, esta resulta inconsistente ya que los textos arrancan a diferentes alturas dejando a la grilla poco definida.<\/p>\n\n\n\n

<\/strong><\/p>\n\n\n\n

Tanto la adaptaci\u00f3n web como la mobile son inc\u00f3modas para navegar ya que hay sectores que  requieren de 2 scrolls para ser reconstruidos. Sin embargo, encontramos aciertos como la incorporaci\u00f3n de sectores interactivos para que el usuario pueda descubrir qu\u00e9 llevan los productos, logrando aprovechar la cualidad tecnol\u00f3gica de la compa\u00f1\u00eda.<\/p>\n\n\n\n

\n
\n