Blog

Blog

Portada sobre AI Overviews y su relación con tráfico de alta calidad y máxima retención, con diseño minimalista y franja azul abstracta

¿Cómo proteger tu contenido sin sacrificar visibilidad en IA Overviews?

¿Cómo proteger tu contenido sin sacrificar visibilidad en IA Overviews?

IA

Gráfico con texto que dice: 'Ya es posible crear herramientas con IA para resolver fricciones internas.', situado sobre una barra de degradado de rosa a azul.

¿Cómo un dominio vencido nos enseñó a monitorear webs de clientes de forma diferente?

¿Cómo un dominio vencido nos enseñó a monitorear webs de clientes de forma diferente?

Website

Hero de landing sobre optimización de sitios web en Framer para GEO, AI Overviews y Claude, con botón “Learn More” y banda azul degradada.

¿Cómo optimizar tu sitio web en Framer para GEO, AI Overviews y Claude?

¿Cómo optimizar tu sitio web en Framer para GEO, AI Overviews y Claude?

Website

Computadora portátil con la pantalla dividida verticalmente. El lado izquierdo muestra la interfaz de diseño de Framer y su logotipo sobre un fondo oscuro, mientras que el lado derecho muestra el panel de administración de WordPress y su logotipo.

Framer vs Wordpress (2026): ¿Cuál elegir para SaaS B2B?

Framer vs Wordpress (2026): ¿Cuál elegir para SaaS B2B?

Website

Ilustración 3D minimalista que representa la arquitectura de información de un mega menú, mostrando bloques de contenido interconectados por líneas de flujo para simbolizar una navegación UX organizada.

Mega menú en SaaS B2B: arquitectura estratégica y UX que convierte

Mega menú en SaaS B2B: arquitectura estratégica y UX que convierte

Website

Gráfico con texto que dice: 'Ya es posible crear herramientas con IA para resolver fricciones internas.', situado sobre una barra de degradado de rosa a azul.

Las 6 piezas de marca que más valor generan para founders SaaS B2B

Las 6 piezas de marca que más valor generan para founders SaaS B2B

Branding

Ilustración conceptual de tendencias web SaaS 2026: integración de agentes de IA con interfaces modulares, calculadoras de precios y centros de confianza

Diseño y arquitectura web para SaaS B2B: guía de tendencias 2026

Diseño y arquitectura web para SaaS B2B: guía de tendencias 2026

Diseño Web

IA agéntica conecta sitio web empresarial y paneles de analítica; equipo colabora para escalar SaaS B2B

Tendencias de Marca para SaaS B2B en 2026: cómo ganar autoridad en la era de la IA agéntica

Tendencias de Marca para SaaS B2B en 2026: cómo ganar autoridad en la era de la IA agéntica

Branding

Ilustración con el logo de Framer al centro, conectando una web básica a la izquierda con un panel de rendimiento y crecimiento a la derecha, como si optimizaras una landing page para SEO y mejores resultados

Eleva tu sitio web con Framer en 2026 para tu negocio B2B o B2C

Eleva tu sitio web con Framer en 2026 para tu negocio B2B o B2C

Website

 Una persona con un megáfono envía un mensaje hacia un conjunto de iconos de estrategia de marca que termina conectando con un grupo de personas y un apretón de manos, simbolizando engagement y comunidad

Branding estratégico para conectar con tu audiencia y mejorar el engagement de tu marca

Branding estratégico para conectar con tu audiencia y mejorar el engagement de tu marca

Branding

Ilustración con el logo de Framer a la izquierda y el de WordPress a la derecha, unidos por una flecha que sugiere migrar la web a Framer sin perder SEO ni posicionamiento

Framer: ¿Cuándo y cómo migrar tu web sin perder tu SEO?

Framer: ¿Cuándo y cómo migrar tu web sin perder tu SEO?

Website / SEO

Una persona se agarra la cabeza frente a muchas notas de revisión, mientras un diagrama ordena el feedback por fases y flechas llevan hacia el lanzamiento de un sitio web.

Flujo de trabajo ágil en proyectos web: cómo evitar el "tsunami de feedback" del final

Flujo de trabajo ágil en proyectos web: cómo evitar el "tsunami de feedback" del final

Website

Ilustración abstracta de personas frente a una interfaz web con iconos de pregunta, check y candado, mostrando una FAQ de conversión que resuelve objeciones y guía al CTA

La sección de Preguntas Frecuentes (FAQs): menos soporte, más conversiones

La sección de Preguntas Frecuentes (FAQs): menos soporte, más conversiones

Website

Proceso de migración de Figma a Framer con editor abierto; iconos de precio, dudas y dominio, listo para handoff

¿Qué preguntar antes de encargar una web y cómo evitar costos sorpresa?

¿Qué preguntar antes de encargar una web y cómo evitar costos sorpresa?

Website

Varias siluetas de personas interactúan con paneles digitales flotantes que muestran interruptores, marcas de verificación y señales de alerta, en un entorno que refleja principios de usabilidad y diseño de interacción

Las 10 heurísticas de Nielsen (con ejemplos claros) — Guía UX completa 2026

Las 10 heurísticas de Nielsen (con ejemplos claros) — Guía UX completa 2026

UX

 Varias figuras humanas difuminadas caminan entre módulos digitales e iconos conectados con flechas, con el texto ES/EN indicando un entorno de web multiidioma

Todo lo que necesitas para lanzar una web multiidioma, rápido y sin complicaciones

Todo lo que necesitas para lanzar una web multiidioma, rápido y sin complicaciones

Web

Ilustración abstracta de una persona sentada frente a una laptop en un escritorio, con siluetas superpuestas, luz cálida y texturas granuladas en tonos azules y amarillos.

¿Cuánto dinero pierde tu negocio por una web lenta y confusa?

¿Cuánto dinero pierde tu negocio por una web lenta y confusa?

Web

Ilustración abstracta de personas caminando entre capas translúcidas en tonos cálidos y turquesa, simbolizando las distintas etapas del viaje del usuario y cómo el diseño guía su avance a través de un sitio web.

El viaje del usuario en 7 momentos y cómo el diseño mueve cada paso

El viaje del usuario en 7 momentos y cómo el diseño mueve cada paso

Web

Ilustración conceptual de un equipo colaborando en la auditoría de una marca digital. Tres figuras estilizadas trabajan alrededor de un escritorio con computadoras portátiles, rodeadas de formas translúcidas en tonos dorados y turquesa que simbolizan las capas de una marca y el proceso de análisis y transformación de un sitio web hacia resultados de negocio.

¿Cómo hacer una auditoría de marca en tu website? y convertirla en resultados de negocio

¿Cómo hacer una auditoría de marca en tu website? y convertirla en resultados de negocio

Marca

Ilustración conceptual de varias personas avanzando hacia la luz, representando diferentes perfiles de audiencia y la necesidad de adaptar la comunicación y propuesta de valor según el tipo de cliente B2B o B2C.

B2B no es B2C: tu propuesta cambia según a quién hables

B2B no es B2C: tu propuesta cambia según a quién hables

Marca

Comparativa visual de las páginas principales de Framer, Webflow y WordPress. Muestra los estilos de sus hero sections: Framer con fondo oscuro y tipografía blanca luminosa, Webflow con diseño corporativo azul y negro, y WordPress con fondo azul brillante y enfoque editorial.

Framer, WordPress o Webflow (2026): guía por escenarios

Framer, WordPress o Webflow (2026): guía por escenarios

Website

Tote bag con el set de stickers que diseñamos para la marca Juan Matas, exportadores de frutas

Juan Matas — De cultivo a símbolo: rebranding para alimentos

Juan Matas — De cultivo a símbolo: rebranding para alimentos

Caso de estudio

Estadística sobre percepción visual: El 90% de la información percibida es visual, y las personas procesan imágenes 60,000 veces más rápido que el texto. Importancia de los elementos visuales en el diseño y marketing

Moodboards: Clave para Crear una Identidad Visual

Moodboards: Clave para Crear una Identidad Visual

Identidad Visual

Banner “De Figma a Framer” con mensaje sobre dar vida al diseño sin perder detalles; logos de Figma y Framer unidos, mostrando diseño y desarrollo en un solo lugar con enfoque no-code.

Cómo crear una página web sin programación: Guía completa.

Cómo crear una página web sin programación: Guía completa.

Web Design

Mensaje de branding estratégico: la coherencia en la marca impulsa un +23% en ingresos, según Lucidpress y Demand Metric

Branding: guía para crear una marca de impacto duradero

Branding: guía para crear una marca de impacto duradero

Branding

Frase "Las plantillas personalizadas optimizan tu contenido" con logos de Canva y Envato; enfoque en redes sociales

Consistencia de marca: plantillas personalizadas en Canva para redes sociales

Consistencia de marca: plantillas personalizadas en Canva para redes sociales

Identidad Visual

Guía rápida de selección de tipografía: “Escogiendo la fuente tipográfica para tu proyecto”, con logos de Google Fonts y Envato

Selección de tipografía para tu marca: Guía completa

Selección de tipografía para tu marca: Guía completa

Identidad Visual

An almost closed laptop with a brightning orange screen, the rest is entirely black. High quality.

The Importance of QA in Web Design

The Importance of QA in Web Design

QA

A person stares at a sky full of stars and the balance of the universe

The role of culture in Noodlesoup studio's growth strategy

The role of culture in Noodlesoup studio's growth strategy

Culture

Black and white close up of a hand working on a laptop

How does content strategy relate to UX design?

How does content strategy relate to UX design?

UX

Using Brand Archetypes to Tell Compelling Stories

Using Brand Archetypes to Tell Compelling Stories

Branding

A brick wall with a "live, work, create" message on stencil graffity

Strategic Branding for Stronger Engagement

Strategic Branding for Stronger Engagement

Strategy

 Red vintage typewriter with light bulb, camera, papers, and letters representing content creation strategy

Content Strategy for Audience Engagement & Growth

Content Strategy for Audience Engagement & Growth

Strategy

Man holding a light bulb with the words SEO, Optimization, Search, and Engine

The vital role of organic ranking and SEO for businesses

The vital role of organic ranking and SEO for businesses

Growth Marketing

Icon grid showing Jakob Nielsen’s 10 usability heuristics: visibility of system status, match to the real world, consistency, error prevention, and help/documentation

Nielsen’s 10 Usability Heuristics (Explained for Modern SaaS, with Real Examples)

Nielsen’s 10 Usability Heuristics (Explained for Modern SaaS, with Real Examples)

UX

A computer screen displaying a website's information architecture diagram

The role of information architecture in business growth

The role of information architecture in business growth

UX

Website sitemap diagram grouping pages into Public and Private areas

Optimizing user journeys: The role of sitemaps in website design

Optimizing user journeys: The role of sitemaps in website design

Sitemaps

Landing pages canvas from Framer the no-code website builder

Framer: The Ultimate Tool for Stunning Landing Pages

Framer: The Ultimate Tool for Stunning Landing Pages

Landing Page

Elements of visual storytelling typography color palette logo and images

Beyond aesthetics: visual storytelling for brand impact

Beyond aesthetics: visual storytelling for brand impact

Branding

Midjourney generated image of red sports Toyota, a neurosurgeon looking at a tomography, a tomograph and a multicolored sea

Embracing AI with Midjourney for Next-Level Branding

Embracing AI with Midjourney for Next-Level Branding

AI

A developer's laptop screen shows the Noodlesoup landing page against a stark black background

The Essentials of Successful Landing Pages

The Essentials of Successful Landing Pages

Landing Page

Nocode website builder: Framer’s logo in a black and blue background

Elevate your site for impact with Framer

Elevate your site for impact with Framer

No - code

Gráfico con texto que dice: 'Ya es posible crear herramientas con IA para resolver fricciones internas.', situado sobre una barra de degradado de rosa a azul.

Unlocking SEO success: Our 10 fundamental keys

Unlocking SEO success: Our 10 fundamental keys

Growth Marketing

Cover illustration with a rocket-pencil icon and a dark, hand-drawn website wireframe showing headings like Interstitial Ads

Wireframes decoded: Designing with purpose

Wireframes decoded: Designing with purpose

Process

5 Secrets for Better Asynchronous Feedback

5 Secrets for Better Asynchronous Feedback

Teams

Acerca de nosotros

Acerca de nosotros

El estudio fue fundado en 2022 por Alejandro Duarte, diseñador multidisciplinario con más de 10 años de experiencia en la creación de productos digitales premiados y en colaborar con marcas de la Fortune 500. Junto a Sasha Briceño, directora creativa híbrida con formación en comunicación social que combina su pasión por las imágenes, el pensamiento estratégico y el storytelling, para crear universos de marca verbales y visuales consistentes. En Noodlesoup, somos un equipo apasionado por el buen diseño y comprometido con proyectos que tienen un propósito significativo. La colaboración, entre el equipo y con nuestros clientes, está en el corazón de todo lo que hacemos: es el umami* que nos caracteriza.


*Japonés: Conocido como el quinto sabor, es uno de los gustos básicos junto con el dulce, el ácido, el amargo y el salado. También significa sabroso.