Vivero Yvyrá: diseño UX/UI y desarrollo full-stack de un catálogo botánico con CMS a medida
Plataforma web para un vivero: catálogo de especies, fichas botánicas, blog y un panel propio para administrar el contenido.
Contexto
Yvyrá es un vivero de plantas de Luján. El proyecto es una plataforma web con un catálogo de especies botánicas y contenido especializado.
El desafío
Un catálogo botánico es información con estructura: especies, familias, categorías, características y cuidados. Hay que diseñarlo para que se lea bien y, a la vez, poder cargarlo y mantenerlo sin depender de un CMS externo pesado.
Objetivos
- Un catálogo de especies navegable, con fichas botánicas claras.
- Una estructura preparada para un catálogo de cientos de especies.
- Un blog sobre plantas y jardinería.
- Un panel de administración propio para gestionar el contenido.
Mi rol
Diseño y desarrollo del proyecto completo: la experiencia y la interfaz, la estructura de datos, el catálogo y el panel de administración. Es un caso que muestra el paso de un diseño a un producto funcional.
Restricciones
- Evitar la dependencia de un CMS externo pesado.
- Contenido que crece: la estructura tiene que soportar un catálogo que se amplía.
Proceso
- Definir qué información describe a una especie y cómo se agrupa en categorías y familias.
- Diseñar la interfaz del catálogo, las fichas y el blog.
- Modelar los datos en PostgreSQL con Prisma.
- Construir el panel de administración para cargar y editar contenido.
- Usar herramientas de IA para acelerar la programación; las decisiones de diseño y de arquitectura son mías.
Decisiones clave
- Next.js como base de la aplicación.
- Un panel de administración propio en lugar de un CMS externo, para adaptar la carga de contenido a las fichas botánicas.
- PostgreSQL con Prisma para modelar especies, atributos, categorías y familias.
La solución
- Catálogo de especies con fichas botánicas y atributos.
- Categorías y familias para recorrer el catálogo.
- Información de características y cuidados de cada planta.
- Blog de plantas y jardinería.
- Panel de administración propio para gestionar el contenido.
Tecnologías y herramientas
Next.js, PostgreSQL y Prisma. Herramientas de IA para acelerar la programación.
Qué se entregó
- Diseño de la experiencia y la interfaz del catálogo, las fichas y el blog.
- Catálogo de especies con fichas botánicas, categorías y familias.
- Modelo de datos en PostgreSQL con Prisma.
- Panel de administración propio para cargar y editar el contenido.
- Blog de plantas y jardinería.