Anas Frutos

Rediseño completo de la tostaduría Anas Frutos: tienda online con catálogo por categorías, carrito y checkout que se integra con WhatsApp para cerrar la venta.
Volver

Anas Frutos

UX/UI
diseño-web
Next.js
SEO
Rediseño completo de la tostaduría Anas Frutos: tienda online con catálogo por categorías, carrito y checkout que se integra con WhatsApp para cerrar la venta.
Rediseño completo de la tostaduría Anas Frutos: tienda online con catálogo por categorías, carrito y checkout que se integra con WhatsApp para cerrar la venta.
Fecha
Marzo 2026
Duración
6 semanas

Resumen

Te presentamos a Anas, dueño de Anas Frutos. Su negocio comenzó con un local en Pedro de Valdivia, una balanza y una obsesión por elegir bien cada fruto seco para una nutrición complementaria. Esa dedicación se proyectó en dos tiendas en Providencia, con cientos de clientes que lo eligen día a día. ¿El catálogo? Cientos de productos disponibles para cada gusto.

Anas atendía a cientos de clientes cada semana, con dos locales funcionando a tope y un catálogo amplio de frutos secos, semillas de selección y productos de origen árabe. Pero acá está el punto: cuando vendes tanto todos los días, no queda tiempo para construir la marca a nivel digital y posicionarla frente a la competencia.
No se encontraron elementos.

El desafío

El desafío:

La experiencia del local era un mundo en sí misma, pero la marca se había desentendido de lo que pasaba a nivel digital. Su esencia se perdía entre una cantidad infinita de productos que no transmitían la calidad que sí se sentía en el local.

El problema:

Anas Frutos tenía una página armada sobre una plantilla genérica: alcanzaba apenas para existir y generar ventas esporádicas, no activas. La experiencia de compra quedaba en tercer plano. El catálogo era confuso y poco cuidado, sin información nutricional, cantidades a granel, precios claros ni recetas para descubrir cada ingrediente.

¿Lo peor? Cada venta terminaba en una conversación manual por WhatsApp, sin checkout ni automatización, limitada a gestionar pedidos de persona a persona con tiempos de respuesta largos.

El tiempo era el factor que necesitaban poner a su favor. El sistema comercial seguía siendo el mismo; lo que cambió fue la mirada operacional interna.

Nuestra estrategia

Nuestra solución:

Activamos el catálogo de forma interactiva, encendiendo los puntos de contacto clave del recorrido del cliente para empujar la conversión final.

Lo que construimos:

Un catálogo organizado por categorías para cientos de productos, con buscador y filtros intuitivos. Pasamos de «esto es lo que vendemos» a «esto es exactamente lo que buscas»: de una exposición básica del comercio a conectar directamente con la necesidad del cliente.

El objetivo:

Que el cliente se motive a recorrer la tienda, explorar más productos y atreverse a probar nuevos ingredientes junto a sus compras de siempre.

Nuestra visión:

Cuidamos la marca para que se vea limpia y profesional, manteniendo su sello y entendiendo su propósito real.

Construimos un sistema que funciona más allá de exponer el producto: un carrito de compra con costos de envío, checkout integrado con WhatsApp y automatizaciones que ordenan el negocio y la experiencia del cliente.

Un proceso colaborativo, donde la visión y el «alma» de la marca se mantuvieron durante todo el desarrollo, sin perder su razón de ser: acercar nutrición y productos de calidad a quienes buscan aportar a su alimentación día a día.

Sistema de diseño

Las decisiones
detrás del resultado.

Next.js 15Tailwind CSS v4VercelWhatsApp CTASchema.org SEO

Paleta cromática

#FBF7F0

Crema cálida

El fondo respira. Evoca el papel de un libro de recetas — orgánico, no frío.

#14110D

Espresso profundo

Titulares. Tierra, raíz, solidez. Coherente con lo que vende la marca.

#C2410C

Naranja quemado

Acento primario y CTAs. El color del fuego y la frescura del mercado.

#D97706

Ámbar dorado

Hover y highlights. Complementa el naranja con calidez premium.

Tipografía · Inter

Frescura
directa.

Display · Bold 700

Anas Frutos SPA

Body · Regular 400

Productos del campo al plato.

Inter es la elección obvia — y por eso la correcta. Neutral, escalable, con la misma legibilidad en un título de 72px que en el texto legal del checkout. La limpieza tipográfica deja que el producto sea el protagonista.

Arquitectura SEO

Schema.org · Dual GroceryStore

Dos entidades GroceryStore con coordenadas geográficas precisas. AggregateRating 4.9★ con 32 reseñas verificadas. Entidad Organization padre. Resultado: fragmentos ricos directos en Google Search.

Next.js SSR · Metadatos dinámicos

Cada página renderizada server-side para indexación completa. Open Graph + Twitter Cards por ruta. El contenido llega a los crawlers en el primer byte, sin esperar JavaScript.