Programación sitio Createch
Programación sitio web Createch
Programación web de plantilla personalizada de Wordpress para sitio web de Createch Energias
Proyecto
Programación sitio Createch
Createch Energías: sitio corporativo para una empresa de energía solar
Desarrollé desde cero el tema de WordPress de Createch Energías, empresa de Culiacán con más de 11 años en el sector solar, a partir del diseño gráfico entregado por la agencia de diseño. Cada sección se programó a la medida, sin plantillas prediseñadas.
El contenido se administra con Advanced Custom Fields (ACF), que permite al cliente editar textos, cifras, proyectos y marcas desde campos ordenados, sin tocar código. El posicionamiento en buscadores se gestiona con Yoast, que controla títulos, descripciones y vista previa en redes sociales.
Funcionalidades principales
- Portada con video de fondo y llamadas a la acción distribuidas por toda la página.
- Formulario de cotización que se envía sin recargar la página, con animación de carga y mensaje de confirmación.
- Botón flotante de WhatsApp para contacto directo.
- Soluciones por categoría: Doméstico, Industrial y Comercial, cada una con su propia página.
- Indicadores de impacto y mapa de cobertura de los proyectos realizados.
- Fichas de proyectos con capacidad, módulos y ahorro estimado, además de testimonios de clientes.
- Galería de marcas aliadas y presentación clara de las opciones de financiamiento.
Rendimiento y accesibilidad
Imágenes en formato WebP para cargas más rápidas y textos alternativos en cada imagen, lo que mejora tanto la accesibilidad como el SEO.
Versión de escritorio
Características y funciones particulares
En pantallas grandes, el sitio aprovecha todo el espacio disponible para ofrecer una experiencia más completa y visual:
- Menú horizontal con submenú desplegable: logotipo, enlaces principales y botón de "Cotizar" siempre visibles. "Soluciones" despliega las tres categorías con su imagen representativa.
- Videos a pantalla completa: el video de portada y los videos explicativos (render de una casa con sistema solar y demostración del monitoreo) se muestran con mayor tamaño e impacto.
- Secciones en varias columnas: los indicadores de impacto, las fichas de proyectos, las marcas aliadas y las opciones de financiamiento se distribuyen en cuadrículas que muestran más información a la vez.
- Mapa de cobertura junto a las cifras: el mapa y los indicadores se presentan lado a lado, para comunicar el alcance de la empresa de un vistazo.
- Pie de página completo: accesos rápidos, datos de ambas sucursales, teléfonos y redes sociales organizados en columnas.
Version dispositivos mobiles
Características y funciones particulares
El diseño de la agencia se adaptó con maquetación propia a pantallas pequeñas, pensando en usuarios que llegan desde el celular:
- Diseño de una sola columna: las secciones se reorganizan en orden vertical, sin necesidad de hacer zoom ni desplazarse hacia los lados. Textos, botones y espacios se ajustan para leerse y tocarse con comodidad.
- Menú con iconos: la navegación cambia a una versión visual (Inicio, Soluciones, Proceso y Cotizar), fácil de usar con el pulgar.
- Carga ligera: las imágenes se generan en varios tamaños y cada dispositivo descarga el adecuado, en formato WebP, lo que reduce el consumo de datos y acelera la carga.
- Contacto inmediato: los teléfonos funcionan como enlaces de llamada directa y el botón de WhatsApp abre la app con un toque.
- Formulario adaptado: se ajusta al ancho de pantalla y confirma el envío sin salir de la página.
- Contenido reacomodado: proyectos, indicadores, marcas y testimonios se reorganizan para mantener su claridad en pantalla vertical, y los videos incluyen mensaje alterno si no pueden reproducirse.