← Volver a proyectos

Sitio institucional para Fundación Bululo

Contexto

Construí desde cero un sitio institucional público. El trabajo incluyó la arquitectura, el desarrollo, la interfaz, el comportamiento responsive y el despliegue.

Problema

La información institucional necesitaba una estructura clara y consistente en distintos tamaños de pantalla, además de recursos visuales listos para publicar.

Mi participación

Me encargué de la arquitectura, el desarrollo, el diseño e implementación de las vistas, el responsive, la preparación de imágenes y el despliegue.

Decisiones técnicas

  • Elegí Astro para mantener un sitio estático y liviano.
  • Usé Tailwind CSS dentro de la estrategia existente, sin introducir otro sistema visual.
  • Organicé el contenido y los recorridos principales antes de preparar las vistas.
  • Preparé los recursos visuales necesarios sin publicar información privada.

Qué se construyó

  1. Definí la jerarquía de contenidos y la navegación institucional.
  2. Desarrollé las páginas y componentes con Astro y Tailwind CSS.
  3. Diseñé e implementé la adaptación responsive.
  4. Creé y preparé las imágenes necesarias para acompañar el contenido.
  5. Preparé y ejecuté el despliegue público.

Necesidad

El proyecto necesitaba un sitio institucional completo: contenido ordenado, navegación clara y una implementación usable desde distintos dispositivos.

Decisiones y arquitectura

La solución es un sitio estático con Astro. Definí primero la arquitectura de contenido y los componentes para que las vistas respondieran a la información.

Responsive y recursos visuales

Además del responsive, preparé las imágenes necesarias para el sitio y su publicación.

Despliegue

El sitio está publicado en bululo.com y el código fuente público permite revisar la implementación.

Límites

  • No se incluyen métricas que no hayan sido proporcionadas.
  • El sitio y el código público son las referencias disponibles para revisar el trabajo.

Resultado

El sitio institucional está publicado y disponible para consulta pública. El propio sitio es la referencia principal del trabajo.

Qué aprendí

  • La arquitectura de contenido influye directamente en la claridad de la navegación.
  • Los recursos visuales son parte del desarrollo y merecen el mismo cuidado que el código.
  • Los componentes pequeños ayudan a mantener la coherencia sin volver rígido el sitio.

Tecnologías

  • Astro
  • Tailwind CSS

Enlaces

  • Ver sitio(abre en una pestaña nueva)
  • Ver código en GitHub(abre en una pestaña nueva)