La Clienta: Nancy Reyes Cedeño y Esencias by Nancy

El catálogo de productos de Nancy abarca seis categorías, cada una representando una aplicación diferente de su arte con resina. Aretes que van desde DOP 200 hasta DOP 250 — piezas delicadas como los Pendientes Hoja Susurro, preservando follaje real en resina ligera, o los Aretes Alas de Mariposa, esculpidos para capturar el movimiento de una mariposa en pleno vuelo. Llaveros personalizados con letras incrustadas con flores reales y tesoros de playa. Posavasos como el Plato Murmullo de la Orilla, con arena real y conchas bajo olas de resina azul océano. Velas y candelabros incluyendo el Dúo Costero y la Esfera Brillo Costero. Regalos personalizados incluyendo un portarretrato de resina en forma de corazón. Y piezas decorativas que funcionan tanto como objetos funcionales como obras de arte.

Cada artículo es hecho por Nancy misma. No hay componentes producidos en masa, ni fabricación externa, ni inventario estándar. Cada producto se crea usando materiales obtenidos de la República Dominicana — las conchas, las flores, la arena. La autenticidad de la marca es su punto de venta más importante, y el sitio web necesitaba comunicar esa autenticidad a alguien navegando en su teléfono desde cualquier parte del mundo.

El Desafío: Una Tienda Artesanal Que No Se Vea Como Una

El mayor riesgo de diseño para cualquier tienda de productos hechos a mano es verse barata. Existe una suposición generalizada de que "hecho a mano" significa "presupuesto pequeño" — y las plantillas de e-commerce genéricas refuerzan esa suposición con diseños de plantilla, tipografía deficiente y fotografía de stock que no tiene nada que ver con los productos reales.

Esencias by Nancy necesitaba romper ese molde. Los aretes de resina que hace Nancy son arte sofisticado y usable. Los candelabros se fotografían hermosamente sobre fondos naturales. Los llaveros cuentan historias personales. El sitio web necesitaba comunicar ese nivel de artesanía antes de que un cliente hiciera clic en un solo producto.

El segundo desafío era la funcionalidad bilingüe genuina — no un botón de traducción que cambia torpemente el idioma de la interfaz mientras deja las URLs sin cambiar, sino una arquitectura de división de idiomas adecuada donde /en/products/whisper-leaf-earrings y /es/products/pendientes-hoja-susurro son páginas distintas y completamente localizadas con sus propios metadatos de SEO, sus propios datos estructurados y su propio contenido servido desde Sanity.

El tercer desafío era la independencia operativa. Nancy es artista y empresaria, no desarrolladora. Necesitaba un CMS que pudiera usar para agregar nuevos productos, actualizar descripciones, gestionar inventario y subir fotografías — todo sin tocar código.

La Pila Tecnológica

Este es el proyecto en nuestro portafolio donde las elecciones tecnológicas están más directamente vinculadas a la infraestructura propia de DR Web Studio. Esencias by Nancy funciona con Next.js 15 + Sanity CMS + TypeScript — la misma pila que usamos para construir y mantener nuestro propio sitio web. Eso no es una coincidencia. Recomendamos esta combinación a clientes de e-commerce y contenido porque la ejecutamos nosotros mismos y sabemos exactamente de lo que es capaz.

Next.js 15 con App Router es la actualización más significativa que este proyecto podría recibir sobre frameworks de React más antiguos. Los layouts anidados y los server components del App Router significan que las páginas de productos se renderizan con todos los datos del producto en el servidor — los motores de búsqueda ven HTML completo y rico en contenido para cada artículo del catálogo, con precios, descripciones y datos de producto estructurados incluidos. Para una tienda de e-commerce que intenta posicionarse para búsquedas como "aretes de resina hechos a mano Punta Cana," "regalos de resina epoxi República Dominicana," o "souvenirs hechos a mano Punta Cana," el renderizado del lado del servidor no es opcional — es la base de la estrategia de SEO. También elegimos Next.js 15 específicamente por su integración con la optimización de Core Web Vitals — la carga de imágenes, la estabilidad del layout y la capacidad de respuesta de interacción funcionan al nivel que Google recompensa con mejores posiciones.

TypeScript cubre toda la base de código — componentes frontend, definiciones de esquemas de Sanity, utilidades de API y configuración de i18n. Para un proyecto con enrutamiento bilingüe complejo y un catálogo de productos que cambia regularmente, la seguridad de tipos de TypeScript detecta los tipos de errores que de otro modo surgirían como páginas de productos rotas o traducciones faltantes en producción. Esto no es programación defensiva — es la diferencia entre una tienda que funciona de manera confiable y una que se rompe de manera impredecible.

Tailwind CSS 4 maneja todo el estilo. La actualización a la versión 4 nos dio nuevas capacidades en gestión de colores y diseño responsivo que fueron particularmente útiles para el sistema de visualización de fotografía de productos. Cada tarjeta de producto, cada sección hero, cada breakpoint móvil fue construido con las clases de utilidad de Tailwind — lo que significa que todo el sistema visual es consistente, mantenible y puede actualizarse sin tocar un solo archivo CSS.

Sanity CMS es la columna vertebral de la operación de contenido. La arquitectura de CMS headless significa que Nancy accede a una interfaz limpia y de propósito específico en /studio para gestionar todo sobre su catálogo de productos — nombres de productos en ambos idiomas, descripciones, precios en pesos dominicanos, fotografías, asignaciones de categorías y estado del inventario. Cuando crea una nueva pieza de resina, la fotografía y quiere que esté en la tienda, abre Sanity, completa los detalles del producto, sube las imágenes y publica. El sitio se actualiza automáticamente. No se necesita desarrollador, no hay demora de despliegue, no se requiere conocimiento técnico. Esta independencia operativa es lo que hace que una elección de gestión de contenido sea correcta para un fundador individual — y es exactamente por qué construimos el propio sistema de contenido de DR Web Studio en Sanity.

i18next con next-i18next maneja la capa de enrutamiento bilingüe. Esta es internacionalización adecuada, no una solución alternativa. Cada producto tiene una versión en español e inglés de su nombre, descripción y metadatos de SEO almacenados en Sanity. La capa de enrutamiento sirve rutas /en/ y /es/ como experiencias genuinamente distintas — URLs separadas que Google indexa independientemente, etiquetas hreflang que le dicen a los motores de búsqueda qué versión servir a qué audiencia, y etiquetas Open Graph localizadas que se muestran correctamente cuando un cliente comparte un producto en Instagram o WhatsApp.

Motion (el sucesor de Framer Motion) maneja animaciones y transiciones de página. Las animaciones de entrada sutiles en tarjetas de productos, las transiciones de imagen suaves en el carrusel hero y las interacciones de lightbox usan Motion — dándole al sitio la sensación fluida y premium que coincide con la calidad artesanal de los productos.

React Photo Album con Yet Another React Lightbox impulsa la sección de galería de fotos, donde Nancy muestra su trabajo en una cuadrícula estilo revista. El lightbox permite a los clientes ver imágenes de alta resolución de cada pieza sin salir de la página — crítico para productos hechos a mano donde los clientes necesitan ver textura, color y detalle antes de comprar.

Swiper maneja el carrusel de imágenes hero en la página de inicio — una presentación rotativa del mejor trabajo de Nancy que comunica inmediatamente la variedad y calidad del catálogo antes de que un visitante haya hecho scroll.

El modo oscuro está integrado de forma nativa, alternando entre temas claro y oscuro según la preferencia del sistema o selección manual. Para una marca construida sobre materiales naturales y estética terrosa, la paleta del modo oscuro fue diseñada para complementar la fotografía de productos — los blancos cálidos y las imágenes de productos se ven igualmente hermosos contra fondos claros o contra fondos oscuros ricos y profundos.

Netlify maneja el despliegue con el plugin de Next.js para rendimiento óptimo en el edge y builds automatizados activados por actualizaciones de contenido de Sanity.

El Diseño: Artesanía de Lujo, No Feria de Artesanías

La dirección visual para Esencias by Nancy fue guiada por un principio: la tienda debe verse tan refinada como los productos que vende.

La página de inicio se abre con un carrusel hero de pantalla completa de fotografía de productos — no imágenes de estilo de vida de stock, sino las piezas reales de Nancy fotografiadas contra fondos limpios y naturales. La primera impresión visual establece la señal de calidad antes de que aparezca cualquier texto. Así es como las marcas de joyería de alto nivel y artesanías construyen confianza con clientes que nunca han encontrado la marca antes.

Las tarjetas de productos fueron diseñadas con moderación. Cada tarjeta muestra la imagen del producto, el nombre en el idioma activo y el precio en pesos dominicanos. No hay desorden — sin calificaciones de estrellas, sin insignias promocionales, sin botones de "AGREGAR AL CARRITO" en cada tarjeta. El enfoque es el producto. Hacer clic revela una página de producto dedicada con una galería de imágenes completa, descripción, detalles de materiales y el flujo de compra.

La sección de galería de fotos le da a Nancy un lienzo para mostrar trabajo que no encaja perfectamente en el catálogo de productos — piezas experimentales, colecciones de temporada, material detrás de cámaras. Funciona tanto como portafolio como historia de marca, reforzando la autenticidad artesanal que distingue a Esencias by Nancy de las alternativas fabricadas en serie.

La tipografía y los colores fueron elegidos para reflejar las raíces de la marca en la naturaleza dominicana — neutros cálidos, blancos suaves, colores que recuerdan el océano y la flora que aparece en los propios productos. La paleta del modo oscuro extiende esta paleta hacia azules océano profundos y tonos carbón que hacen resaltar la fotografía de productos.

Cada decisión de diseño se tomó pensando primero en móvil. Los clientes de Nancy — tanto compradores dominicanos locales como turistas internacionales que descubren su trabajo — navegan principalmente en sus teléfonos. La experiencia móvil no es una versión reducida del sitio de escritorio; es el contexto de diseño principal del que se adapta la vista de escritorio.

E-Commerce Bilingüe: Inglés para Turistas, Español para el Mercado Local

El mercado artesanal de la República Dominicana tiene dos audiencias muy diferentes que operan de maneras muy distintas. Los clientes dominicanos locales navegan en español, pagan en pesos dominicanos y frecuentemente descubren productos a través de Instagram y el boca a boca. Los turistas internacionales — particularmente los que visitan Punta Cana — navegan en inglés, se sienten cómodos pagando en DOP una vez que entienden la conversión, y buscan específicamente recuerdos locales auténticos y regalos hechos a mano para llevar a casa.

Una tienda que solo sirviera a una de estas audiencias cortaría su mercado potencial a la mitad. Esencias by Nancy sirve a ambas, con cada audiencia recibiendo una experiencia completamente localizada.

La estructura de URL refleja esto claramente. La tienda en inglés vive en esenciasbynancy.com/en/ — nombres de productos en inglés, descripciones en inglés, meta títulos en inglés que apuntan a términos de búsqueda como "handmade resin earrings Punta Cana" y "epoxy resin gifts Dominican Republic." La tienda en español vive en esenciasbynancy.com/es/ — nombres de productos en español, descripciones en español, meta títulos en español apuntando a "aretes de resina hechos a mano Punta Cana" y "regalos de resina epoxi República Dominicana."

Ambas versiones de idioma son completamente indexadas por Google como páginas independientes con etiquetas hreflang apropiadas. Un turista que busca en inglés ve la versión en inglés en los resultados de búsqueda. Un cliente dominicano que busca en español ve la versión en español. Ninguna audiencia recibe una versión traducida de la experiencia de la otra — cada una obtiene contenido escrito y optimizado específicamente para ellos.

Esta es la misma arquitectura bilingüe que hemos aplicado en nuestros clientes de turismo y e-commerce, y el enfoque que documentamos en nuestras propias guías de desarrollo web para negocios dominicanos. Para cualquier negocio dominicano que sirva tanto a clientes locales como internacionales, el enrutamiento bilingüe verdadero no es un lujo — es una decisión de acceso al mercado.

SEO: Posicionándose para Regalos Hechos a Mano en Punta Cana

La oportunidad de búsqueda para Esencias by Nancy es específica pero significativa. Los turistas que planean o están viviendo unas vacaciones en Punta Cana buscan activamente recuerdos locales auténticos y regalos hechos a mano — y buscan con alta intención. "Handmade gifts Punta Cana," "resin art Dominican Republic," "unique souvenirs Punta Cana" son consultas de personas que quieren exactamente lo que Nancy hace y están listas para comprar.

El renderizado del lado del servidor de Next.js asegura que cada página de producto sea una página de destino completamente optimizada e indexable independientemente. Cada una tiene su propia etiqueta de título, meta descripción, imagen Open Graph y datos estructurados JSON-LD marcándola como un Producto con precio, disponibilidad e información de marca. Google no solo sabe que la tienda existe — conoce cada producto del catálogo, en ambos idiomas, con datos de precios que pueden aparecer en resultados de búsqueda enriquecidos.

La galería de fotos y las páginas "Sobre nosotros" construyen autoridad temática más allá de las búsquedas de productos puros. La historia de la marca — el origen de Nancy en 2020, el uso de materiales naturales dominicanos, la naturaleza artesanal de cada pieza — es contenido que construye señales de E-E-A-T (Experiencia, Pericia, Autoridad, Confiabilidad) que apoyan las páginas comerciales de productos.

El pipeline de contenido en tiempo real de Sanity significa que los nuevos productos se indexan inmediatamente tan pronto como Nancy los publica. No hay demora en la actualización del sitemap, no se requiere envío manual — el despliegue automatizado de Netlify propaga el nuevo contenido al sitio de producción y al sitemap en minutos.

El Carrito de Compras: Manteniéndolo Enfocado

Para una tienda del tamaño actual del catálogo de Esencias by Nancy — 19 productos en 6 categorías — el sistema de carrito de compras fue diseñado para la claridad sobre la complejidad. Los clientes pueden agregar productos con gestión de cantidad, revisar su carrito y contactar a Nancy directamente a través del formulario de contacto integrado para finalizar pedidos y coordinar el pago.

Este enfoque refleja una decisión deliberada sobre dónde sucede la conversión. Los productos de Nancy son personales y frecuentemente personalizados — un cliente que compra un llavero con una letra específica, o encarga una pieza de resina personalizada, se beneficia de una conversación con la artesana. El formulario de contacto no es una limitación; es una oportunidad para crear el tipo de relación directa con el cliente que construye lealtad y negocios recurrentes de una manera que los flujos de pago anónimos no logran.

A medida que el negocio escala, la plataforma está completamente lista para expandirse — la integración de PayPal o Stripe puede agregarse directamente al sistema de carrito existente sin una reconstrucción. El esquema de Sanity ya incluye campos de precios estructurados para procesamiento de pagos. La arquitectura fue construida para crecer.

Lo Que Este Proyecto Demuestra

Esencias by Nancy es el proyecto en nuestro portafolio que responde más directamente a una pregunta que escuchamos de pequeños negocios dominicanos: "¿Puede un sitio web profesional funcionar para un negocio de mi escala?"

La respuesta es sí — y en cierto modo, cuanto más pequeño es el negocio, más importante se vuelve la presencia digital. Cuando eres una artesana individual compitiendo por la atención turística contra tiendas de regalos de resorts y recuerdos producidos en masa, tu sitio web es tu ventaja competitiva más sólida. Es el único lugar donde la historia de Nancy, su artesanía y su visión específica para cada pieza pueden comunicarse completamente y en sus propios términos.

La pila tecnológica — Next.js + Sanity + TypeScript + Tailwind — es la misma que usamos para DR Web Studio mismo. No es software empresarial para un pequeño negocio; es la base correcta para cualquier negocio que tome en serio su presencia digital y planee crecer. Es rápida, manejable, completamente bilingüe y construida para durar.

Ve la tienda en vivo en esenciasbynancy.com y explora el proyecto completo en nuestro portafolio.

Si tienes un pequeño negocio en la República Dominicana — una marca artesanal, una boutique local, un proveedor de servicios, o cualquier negocio que vende tanto a clientes dominicanos como internacionales — y tu presencia digital no refleja la calidad de tu trabajo, la brecha entre donde estás y donde podrías estar es exactamente lo que construimos.

Contáctanos para una consulta gratuita y hablemos sobre cómo se ve la plataforma correcta para tu negocio específico.