Página Informativa Luceal
Resumen del Proyecto
Luceal necesitaba una página web moderna, accesible y de alto rendimiento que pudiera mostrar sus servicios, equipos y experiencia. La página web necesitaba seguridad para evitar ataques de denegación de servicios (DOS), por lo que se integró un firewall para evitar bots maliciosos.
Problemática
Normalmente el equipo de Luceal, una empresa dedicada a dar soluciones de ingeniería eléctrica, pasaban PDFs a sus clientes interesados para explicarles lo que hacían, pero no era una forma óptima de mostrar su trabajo ni alcanzar nuevos potenciales clientes, porque tenían que constantemente actualizar los PDFS, enviarlos manualmente y no permitían que nuevos clientes los descubrieran por medio de la web. Es decir, estaban limitados a un formato estático y poco accesible.
Solución
Dada la problemática, se decidió crear una página web informativa que no solo mostrara los servicios y el equipo de Luceal, sino que también sirviera como un portafolio de sus proyectos anteriores. De esta manera, los clientes potenciales pueden ver el trabajo realizado, entender los servicios que brindarán y contactar directamente a Luceal para más información. Asimismo, al ser una fuente de información centralizada, se evita la necesidad de enviar múltiples PDFs y se mejora la accesibilidad de la información.
Soluciones Propuestas
Dada la necesidad de una página web informativa, se consideraron 2 soluciones:
- Página Web Estática: Una página web estática que muestre la información de manera clara y accesible. Donde el contenido mostrado para todos los visitantes es el mismo.
- Página Web Estática + Contentful Management System (CMS): Integrar un CMS para permitir la gestión de contenido sin necesidad de conocimientos técnicos, facilitando actualizaciones y mantenimiento.
Solución Elegida
Se optó por una página web estática construida con Astro, TypeScript y Tailwind CSS.
-
Motivos:
- Rendimiento: Las páginas estáticas son rápidas y eficientes, lo que mejora la experiencia del usuario.
- SEO: Las páginas estáticas son fácilmente indexables por los motores de búsqueda, lo que mejora la visibilidad en línea.
- Mantenimiento: Con Astro, se puede gestionar el contenido de manera sencilla y eficiente, sin necesidad de un CMS complejo. Asimismo, dado que los cambios en la página son mínimos, no se requiere un CMS para la gestión de contenido.
Desarrollo de la Solución
Siguiendo una metodología cascada, se desarrollo la solución en distintas fases:
- Análisis de Requerimientos: A través de diversas reuniones se definieron las necesidades del cliente y se establecieron los objetivos del proyecto.
- Diseño de la Página: Gracias a Gonzalo Herrera se creó un diseño UI/UX moderno y profesional que refleja la identidad de Luceal.
- Desarrollo: Se implementó la página utilizando Astro, TypeScript y Tailwind CSS, asegurando un código limpio y mantenible con Atomic Design.
- Despliegue: Se desplego la página web en Amazon Web Services (AWS), añadiendole un firewall para evitar ataques DOS. Asimismo, se comprobo el acceso desde distintos dispositivos y la conformidad con el apartado funcional y estético.
Páginas
Se desarrollaron distintas secciones y sus páginas correspondientes:
- Inicio: Es un resumen de todas las demás páginas
- Nosotros: Muestra los valores y miembros del equipo
- Servicios: Exhibición de los principales servicios que ofrecen
- Proyectos: Portafolio de trabajos completados
- Galería: Exhibición visual de proyectos
Rendimiento y SEO
Se implementaron optimizaciones para garantizar un rendimiento óptimo y una buena visibilidad en motores de búsqueda:
- Generación de sitios estáticos con contenido dinámico
- Optimización avanzada de imágenes (lazy loading, .avif)
- Optimización de Core Web Vitals
Seguridad
Para garantizar la seguridad de la página web, se implementó un firewall de Cloudflare que protege contra ataques de denegación de servicio (DOS) y bots maliciosos. Esto asegura que la página web permanezca accesible y funcional para los usuarios legítimos.
Impacto y Resultados de Negocio
La implementación de la página web superó los objetivos iniciales, generando un impacto tangible en el negocio de Luceal:
- Aumento de la Visibilidad: Se ha logrado un aumento notable en el tráfico web, lo que ha permitido a Luceal llegar a nuevos clientes potenciales que antes no podían contactar de manera orgánica.
- Mejora en la Eficiencia Operativa: El equipo de ventas ya no tiene que gestionar y enviar manualmente los PDFs, lo que les permite dedicar más tiempo a la interacción directa con clientes y al cierre de proyectos.
- Optimización de Costos: Se seleccionó una solución estática que, además de cumplir con los requisitos de alto rendimiento y seguridad, representó una opción más económica a largo plazo en comparación con soluciones que requieren un CMS, minimizando los costos de hosting y mantenimiento.
Resultados
Se desplego la página web de Luceal conforme a las necesidades del usuario, tanto en el apartado funcional como estético. La página web es moderna, accesible y de alto rendimiento, cumpliendo con los estándares de seguridad necesarios para evitar ataques DOS. Además, se ha optimizado para SEO, lo que mejora su visibilidad en línea y facilita el descubrimiento por parte de nuevos clientes potenciales.