Institutional website for Fundación Bululo
Context
I built a public institutional website from scratch. The work covered architecture, development, interface implementation, responsive behavior, and deployment.
Problem
The institutional information needed a clear, consistent structure across screen sizes, along with visual resources ready for publication.
My role
I handled the architecture, development, view design and implementation, responsive behavior, image preparation, and deployment.
Technical decisions
- I chose Astro to keep the website static and lightweight.
- I used Tailwind CSS within the existing styling strategy without introducing another visual system.
- I organized the content and primary paths before preparing the views.
- I prepared the visual resources needed for the website without publishing private information.
What was built
- Defined the content hierarchy and institutional navigation.
- Developed pages and components with Astro and Tailwind CSS.
- Designed and implemented responsive behavior.
- Created and prepared the images needed for the content.
- Prepared and carried out the public deployment.
Need
The project needed a complete institutional website: organized content, clear navigation, and an implementation that worked across devices.
Decisions and architecture
The solution is a static website with Astro. I defined the content architecture and components first so the views could follow the information.
Responsive behavior and visual resources
In addition to responsive behavior, I created and prepared the images needed by the website.
Deployment
The website is published at bululo.com, and the public source code makes the implementation available for review.
Limits
- No metrics are included unless they were provided.
- The public website and source code are the available references for reviewing the work.
Result
The institutional website is published and available to the public. The website itself is the main reference for the work.
What I learned
- Content architecture directly affects navigation clarity.
- Visual resources are part of development and deserve the same care as code.
- Small components help maintain consistency without making a website rigid.
Technologies
- Astro
- Tailwind CSS