Overview
Marlyn Seguros needed a site that feels human, confident, and easy to navigate. Our goal was to build a branded experience that converts without feeling salesy, while keeping the content workflow simple for future updates.
What we built
A multi-section landing experience plus a blog view, designed to guide visitors from trust to action. The flow is deliberate: hero and emotional hooks, human story, clear services, step-by-step guidance, and direct contact.
Frontend
We shipped a modern React 19 app with Vite, TypeScript, React Router, and Tailwind CSS.
- The landing page is composed of purpose-built sections (hero, trust, services, process, contact) for a clear narrative arc.
- The blog UI is structured for readability and easy scaling.
- Icons and micro-elements use lucide-react for crisp visuals without bloat.
- The architecture stays clean and modular, making it easy to evolve each section.
Backend and CMS
The stack is production-ready with Docker Compose:
- Strapi v5 as the CMS layer and Postgres 16 as the database.
- Health checks and stable run modes for predictable deployments.
- Environment variables for secure CMS connection and API token usage. This gives the team a real content pipeline without complicating the frontend.
Content model mindset
We designed the structure to map naturally to how Marlyn works: service categories, trust-building copy, FAQs, and blog articles. The front end is already prepared to connect to Strapi endpoints when the content layer is finalized.
Reliability and deployment
The system is containerized and stable:
- Nginx serving the frontend for consistent performance.
- Separate CMS and DB services for clean scaling.
- Clear base path and API configuration for flexible environments.
The outcome
A website that feels warm, professional, and grounded in real service. It communicates authority while staying approachable, and the architecture leaves room to grow without a rebuild.
