SASA Servicios de Alimentos

Desarrollo integral del sitio web corporativo de SASA Servicios de Alimentos, creado a medida con una arquitectura modular, responsive y orientada a ofrecer una navegación clara, rápida y adaptable a distintos dispositivos.

El proyecto fue desarrollado combinando tecnologías frontend y backend, incorporando además automatizaciones para centralizar las consultas recibidas desde el sitio.

Tecnologías utilizadas

• HTML5: estructura semántica y organizada del contenido.

• CSS3: desarrollo de estilos personalizados y responsive.

• JavaScript: interacción, comportamiento dinámico y funcionalidades del frontend.

• PHP: procesamiento del lado del servidor y gestión de formularios.

• Bootstrap: sistema responsive, componentes y estructura adaptable a diferentes resoluciones.

• Swiper.js: implementación de sliders y componentes interactivos optimizados para dispositivos móviles.

Arquitectura y buenas prácticas

La estructura del proyecto fue desarrollada de manera modular y mantenible, separando responsabilidades entre componentes, estilos, scripts y lógica del servidor.

Para la organización de CSS se aplicaron buenas prácticas basadas en la metodología BEM (Block, Element, Modifier), permitiendo mantener clases consistentes, reutilizables y escalables a medida que evoluciona el sitio.

También se trabajó sobre una estructura responsive para garantizar una experiencia consistente tanto en desktop como tablet y dispositivos móviles.

Formularios, PHP y envío de emails

Los formularios del sitio fueron integrados con un backend desarrollado en PHP, encargado de recibir, validar y procesar la información enviada por los usuarios.

Para la gestión de correos se implementó PHPMailer mediante SMTP, permitiendo que las consultas sean enviadas automáticamente por email de manera más confiable que utilizando el sistema de correo nativo de PHP.

Integración con Google Sheets

Además del envío por correo electrónico, se desarrolló una integración con Google Apps Script para automatizar el registro de las consultas.

Cada envío realizado desde el formulario se comunica con Apps Script y permite almacenar la información automáticamente en una planilla de Google Sheets, generando un registro centralizado de los contactos recibidos desde la web.

De esta manera, el formulario funciona con un flujo automatizado:

Usuario completa el formulario → PHP procesa los datos → PHPMailer envía la consulta por SMTP → Google Apps Script registra la información en Google Sheets.

Resultado

El resultado es una web corporativa moderna, responsive y desarrollada a medida, con una base técnica organizada y escalable, combinando frontend, procesamiento backend e integraciones externas para automatizar la recepción y administración de consultas.

Stack: HTML5 · CSS3 · JavaScript · PHP · Bootstrap · Swiper.js · PHPMailer · SMTP · Google Apps Script · Google Sheets