Categoría Proyecto: Diseño web

  • Desarrollo de plataforma web corporativa para Tecsol Colombia

    Desarrollo de plataforma web corporativa para Tecsol Colombia

    Tecsol Colombia S.A.S. es una empresa dedicada a soluciones de energía solar fotovoltaica para hogares, empresas e industrias, y necesitaba una web que transmitiera la misma seriedad técnica y confianza que ofrecen en sus proyectos de instalación.

    El desafío era construir una plataforma corporativa clara, informativa y persuasiva, capaz de explicar procesos técnicos complejos de forma sencilla y, al mismo tiempo, generar confianza suficiente para convertir visitantes en clientes potenciales.

    El problema

    Muchas empresas del sector energético cuentan con webs genéricas que no logran comunicar el valor real de sus servicios ni transmitir la experiencia técnica detrás de cada proyecto.

    Por eso, en este proyecto busqué resolver tres puntos clave:

    • Explicar de forma clara los distintos tipos de sistemas solares y su metodología de trabajo.
    • Mostrar resultados reales y medibles que generen confianza inmediata.
    • Facilitar el contacto directo entre la empresa y potenciales clientes.

    La solución

    Diseñé una estructura enfocada en el recorrido natural de decisión de un cliente interesado en energía solar: desde entender los beneficios, pasar por conocer los tipos de sistemas y la metodología de trabajo, hasta ver casos de éxito concretos con datos reales de ahorro.

    La sección de «Etapas de Nuestros Proyectos» permite mostrar de forma ordenada el proceso completo, desde el análisis energético hasta el mantenimiento posterior, reforzando la seriedad y el respaldo técnico de la empresa.

    Los casos de éxito incluyen datos específicos como número de paneles, potencia instalada y ahorro mensual real, lo que aporta credibilidad y evidencia tangible del impacto del servicio.

    Qué se logró

    El resultado fue una web corporativa sólida, clara y orientada a conversión.

    La web cuenta con:

    • Presentación clara de los beneficios de la energía solar.
    • Explicación detallada de los tipos de sistemas (interconectado, híbrido y aislado).
    • Metodología de trabajo estructurada en etapas fáciles de entender.
    • Sección de casos de éxito con métricas reales de proyectos ejecutados.
    • Información de contacto directa y accesible.

    Más que una web informativa, este proyecto funciona como una herramienta comercial que respalda con evidencia real el trabajo de Tecsol Colombia frente a nuevos clientes.

    Resultado final

    El proyecto logró una plataforma clara, confiable y enfocada en generar oportunidades comerciales reales para el sector de energía solar.

    Esta misma metodología puede aplicarse a empresas técnicas o industriales que necesitan comunicar procesos complejos de forma simple, respaldada por resultados medibles y una estructura pensada para convertir visitas en clientes.

  • Desarrollo de web de marca personal para Henir Llanos

    Desarrollo de web de marca personal para Henir Llanos

    La web de marca personal de Henir Llanos fue desarrollada con un objetivo claro: construir una presencia digital que comunique experiencia, autoridad y resultados en marketing digital, transformando su trayectoria profesional en una herramienta de conversión comercial.

    El desafío era diferenciar su propuesta frente a otras alternativas del mercado, respondiendo con claridad quién es, qué experiencia tiene y qué resultados puede generar para una marca o empresa.

    El problema

    Muchas marcas tienen presencia digital, pero no logran convertir esa visibilidad en resultados comerciales reales por falta de estrategia y diferenciación.

    Por eso, en este proyecto busqué resolver tres puntos clave:

    • Comunicar autoridad y experiencia de forma clara desde el primer contacto.
    • Organizar los servicios por sector y especialidad para facilitar la conexión con distintos tipos de cliente.
    • Diseñar una estructura orientada a la conversión, no solo a la presentación.

    La solución

    Diseñé una web con una narrativa progresiva: presentación personal, especialidades, sectores de experiencia, marcas asociadas e indicadores de impacto, cerrando siempre con una llamada a la acción directa.

    Los servicios se organizaron en áreas concretas —estrategia digital, redes sociales, publicidad (Ads) y contenido visual— y se segmentaron por sectores como institucional, construcción, corporativo, personal branding y política, mostrando versatilidad y experiencia real.

    Qué se logró

    El resultado fue una web de marca personal estratégica y enfocada en posicionamiento.

    La web cuenta con:

    • Identidad personal fortalecida y comunicación basada en resultados.
    • Organización clara por áreas de especialización y sectores.
    • Indicadores de experiencia (proyectos, marcas, sectores).
    • Estructura orientada a conversión con llamados a la acción efectivos.
    • Diseño responsive y base preparada para casos de éxito futuros.

    Resultado final

    El proyecto convirtió la experiencia profesional de Henir Llanos en una plataforma digital capaz de generar confianza y posicionarlo como un especialista en marketing digital orientado a resultados medibles desde el primer contacto.

  • Desarrollo de landing page para CITENS

    Desarrollo de landing page para CITENS

    La landing page de CITENS fue desarrollada con un objetivo claro: presentar una empresa tecnológica que integra ciberseguridad y energías renovables para impulsar la transformación digital y energética de Huila, Tolima y otras regiones de Colombia.

    El desafío era comunicar dos áreas técnicas distintas dentro de una misma propuesta de valor, de forma clara tanto para directivos como para entidades públicas, posicionando además a CITENS con una fuerte identidad regional.

    El problema

    Muchas organizaciones necesitan proteger su infraestructura digital y, al mismo tiempo, avanzar hacia modelos energéticos más sostenibles, pero rara vez encuentran un aliado que integre ambas soluciones.

    Por eso, en este proyecto busqué resolver tres puntos clave:

    • Explicar ciberseguridad y energías renovables sin recargar la página de tecnicismos.
    • Posicionar a CITENS como una empresa con identidad regional y capacidad de expansión nacional.
    • Conducir al visitante hacia una consulta o solicitud de asesoría.

    La solución

    Diseñé una landing page directa, con el mensaje «Innovación con propósito regional» como eje central, organizando los servicios en tres bloques claros: ciberseguridad y redes TI, energías renovables, y consultoría y capacitación.

    Se incorporaron secciones institucionales de misión y visión, además de un bloque de cobertura territorial («Conectando el corazón del país») que refuerza la identidad en Huila y Tolima sin limitar el crecimiento de la marca a nivel nacional.

    Qué se logró

    El resultado fue una landing page corporativa moderna, clara y coherente con la identidad de CITENS.

    La página cuenta con:

    • Propuesta de valor diferenciada que integra seguridad digital y sostenibilidad energética.
    • Presentación organizada de servicios y enfoque territorial definido.
    • Comunicación clara de misión y visión institucional.
    • Navegación sencilla y diseño responsive.
    • Estructura escalable para incorporar proyectos y casos de éxito.

    Resultado final

    El proyecto transformó la propuesta técnica de CITENS en una experiencia digital clara y con identidad regional definida, posicionando a la empresa como un aliado estratégico en la transformación tecnológica y energética de Colombia.

  • Desarrollo de web corporativa para el Pedagógico Juan Pablo II

    Desarrollo de web corporativa para el Pedagógico Juan Pablo II

    La web corporativa del Pedagógico Juan Pablo II fue desarrollada con un objetivo claro: presentar profesionalmente su trayectoria institucional de más de 30 años, sus programas de formación docente y su respaldo legal, transmitiendo confianza a futuros estudiantes y sus familias.

    El desafío era organizar toda la información académica e institucional en una plataforma clara y moderna, que comunicara tanto la experiencia de la institución como las oportunidades de sus carreras.

    El problema

    Muchas instituciones educativas cuentan con una amplia trayectoria, pero no logran reflejarla en su presencia digital, con información dispersa y canales de contacto poco visibles.

    Por eso, en este proyecto busqué resolver tres puntos clave:

    • Comunicar la historia, el respaldo institucional y el licenciamiento oficial de forma clara.
    • Presentar cada carrera (Educación Inicial y Primaria) con su propio perfil formativo.
    • Facilitar el contacto directo con postulantes y familias interesadas.

    La solución

    Diseñé una estructura que guía al visitante desde la presentación institucional hasta las carreras, novedades y contacto, destacando el Decreto Supremo N.° 19-95-ED y la Resolución Ministerial N.° 177-2025-MINEDU como respaldo formal.

    Cada especialidad —Educación Inicial y Educación Primaria— cuenta con su propia sección explicando el perfil formativo, complementada con indicadores institucionales, una sección de noticias educativas y un formulario de contacto directo.

    Qué se logró

    El resultado fue una web corporativa educativa clara, moderna y alineada con la trayectoria de la institución.

    La web cuenta con:

    • Presentación clara de la historia y respaldo legal institucional.
    • Secciones diferenciadas para cada carrera profesional.
    • Indicadores destacados de experiencia (30+ años, egresados, presencia laboral).
    • Sección administrable de noticias y contenidos educativos.
    • Formulario de contacto y datos institucionales visibles, con diseño responsive.

    Resultado final

    El proyecto transformó la trayectoria del Pedagógico Juan Pablo II en una experiencia digital clara y confiable, preparada para fortalecer su imagen institucional y facilitar la captación de nuevos estudiantes.

  • Desarrollo de web corporativa para JM Puertas y Automatismos

    Desarrollo de web corporativa para JM Puertas y Automatismos

    La web corporativa de JM Puertas y Automatismos fue desarrollada con un objetivo claro: presentar profesionalmente sus servicios de instalación, fabricación y mantenimiento de puertas automáticas, transmitiendo experiencia técnica y confianza para facilitar la solicitud de cotizaciones.

    El desafío era organizar una amplia variedad de soluciones (residenciales, comerciales e industriales) de forma clara, sin que el visitante necesitara conocimientos técnicos previos para identificar qué necesita.

    El problema

    Muchas empresas de puertas automáticas presentan sus servicios de forma desordenada o demasiado técnica, dificultando que el cliente comprenda qué solución le conviene.

    Por eso, en este proyecto busqué resolver tres puntos clave:

    • Explicar con claridad los distintos tipos de puertas y automatismos disponibles.
    • Diferenciar soluciones residenciales, comerciales e industriales sin saturar la navegación.
    • Facilitar la solicitud de cotizaciones y asesoría, incluso para clientes indecisos.

    La solución

    Diseñé una estructura que va desde la propuesta de valor inicial hasta un catálogo organizado por tipo de puerta —corredizas, peatonales, biométricas, batientes, enrollables, seccionales y rápidas industriales—, cada una en bloques independientes y fáciles de identificar.

    Se incorporó una sección de misión, visión y experiencia (más de 12 años), además de un bloque de asesoría sin compromiso para quienes aún no saben qué sistema necesitan, con contacto directo por WhatsApp y llamada.

    Qué se logró

    El resultado fue una web corporativa profesional, clara y orientada a generar oportunidades comerciales.

    La web cuenta con:

    • Catálogo organizado de puertas y automatismos por categoría.
    • Diferenciación clara entre soluciones residenciales, comerciales e industriales.
    • Comunicación de experiencia técnica y respaldo institucional.
    • Sección de mantenimiento y soporte técnico posterior a la instalación.
    • Llamadas a la acción integradas con WhatsApp y teléfono, con diseño responsive.

    Resultado final

    El proyecto transformó la oferta técnica de JM Puertas y Automatismos en una experiencia digital clara y profesional, preparada para generar confianza y facilitar la captación de nuevos clientes.

  • Desarrollo de web corporativa para Montalcini European College

    Desarrollo de web corporativa para Montalcini European College

    La web corporativa de Montalcini European College fue creada con un objetivo claro: representar digitalmente la identidad, la propuesta educativa y los valores de una institución comprometida con la formación integral de sus estudiantes.

    El proyecto no debía limitarse a presentar información institucional. La página tenía que transmitir confianza a las familias, explicar con claridad el modelo educativo del colegio y facilitar el acceso a información sobre sus etapas académicas, noticias, actividades y procesos de admisión.

    El desafío

    Una institución educativa necesita comunicar mucho más que sus servicios. Las familias buscan conocer la metodología de enseñanza, los valores del colegio, el acompañamiento que recibirán sus hijos y las oportunidades que tendrán durante su formación.

    El principal desafío fue organizar toda esta información en una plataforma clara, cercana y profesional, evitando una presentación excesivamente institucional o difícil de navegar.

    La web debía reflejar cuatro pilares fundamentales de Montalcini European College:

    • Educación de calidad con enfoque competencial.
    • Atención personalizada para cada estudiante.
    • Proyección internacional y formación multilingüe.
    • Desarrollo de valores como el respeto, la responsabilidad y la solidaridad.

    Además, era necesario diferenciar claramente las etapas de Inicial, Primaria y Secundaria, manteniendo una identidad visual coherente en toda la plataforma.

    El problema

    Muchas páginas web educativas presentan información dispersa, textos extensos o estructuras poco intuitivas. Esto dificulta que las familias comprendan rápidamente la propuesta del colegio y encuentren respuestas a sus principales preguntas.

    En este proyecto se identificaron varias necesidades importantes:

    • Comunicar la identidad y filosofía educativa de la institución.
    • Mostrar las etapas académicas de manera ordenada.
    • Explicar los beneficios del enfoque internacional y multilingüe.
    • Generar confianza mediante indicadores y contenidos institucionales.
    • Mantener informada a la comunidad mediante noticias y eventos.
    • Facilitar el contacto con las familias interesadas en el proceso de admisión.

    La página debía convertir toda esta información en una experiencia sencilla, visual y fácil de recorrer.

    La solución

    Para resolver este desafío desarrollé una web corporativa educativa con una estructura moderna, organizada y orientada a las necesidades de estudiantes, familias y futuros postulantes.

    La página inicia presentando los principales beneficios de la institución: educación de calidad, atención personalizada, proyección internacional y formación en valores. De esta manera, el visitante puede comprender la propuesta educativa desde los primeros segundos de navegación.

    A continuación, se incorporó una sección de bienvenida que resume la misión de Montalcini European College: formar personas íntegras, curiosas y comprometidas, capaces de desarrollarse académicamente y contribuir positivamente en su entorno.

    También se destacó la inspiración institucional basada en el legado de Rita Levi-Montalcini, vinculando la identidad del colegio con principios como la ciencia, el humanismo, la perseverancia y la dignidad de cada persona.

    Presentación de las etapas educativas

    Uno de los elementos principales del proyecto fue la organización de la oferta académica.

    La web presenta las tres etapas educativas del colegio mediante bloques diferenciados:

    Nivel Inicial

    Enfocado en el desarrollo emocional, la creatividad, la exploración y el aprendizaje mediante el juego.

    Nivel Primaria

    Orientado al aprendizaje activo, la comprensión, el descubrimiento y la construcción progresiva de conocimientos.

    Nivel Secundaria

    Dirigido al desarrollo del pensamiento crítico, la autonomía, la responsabilidad y la preparación para estudios posteriores y futuros desafíos profesionales.

    Cada etapa cuenta con una presentación propia y un acceso directo para que las familias puedan conocer información más detallada sobre la metodología, los objetivos y las actividades correspondientes a cada nivel.

    Experiencia de usuario y estructura visual

    La web fue organizada mediante una navegación progresiva que conduce al visitante desde la propuesta institucional hasta las etapas educativas, los resultados académicos y el contacto con el colegio.

    La plataforma incluye:

    • Encabezado institucional con navegación clara.
    • Presentación de los principales beneficios educativos.
    • Sección de bienvenida y filosofía institucional.
    • Información sobre metodologías activas e innovación educativa.
    • Presentación de la historia e inspiración del colegio.
    • Secciones diferenciadas para Inicial, Primaria y Secundaria.
    • Indicadores de rendimiento académico y propuesta multilingüe.
    • Área de noticias institucionales.
    • Calendario de próximos eventos.
    • Llamadas a la acción para solicitar información.
    • Acceso directo al proceso de orientación y admisión.

    La jerarquía visual facilita la lectura de títulos, cifras, mensajes institucionales y accesos principales. Esto permite que las familias encuentren rápidamente la información que necesitan sin recorrer secciones innecesarias.

    Comunicación de la propuesta educativa

    La página fue diseñada para transmitir que Montalcini European College no solo busca alcanzar buenos resultados académicos, sino también acompañar el desarrollo personal y emocional de sus estudiantes.

    Por esta razón, se destacaron elementos como:

    • Metodologías activas de aprendizaje.
    • Innovación educativa.
    • Acompañamiento personalizado.
    • Comunicación permanente con las familias.
    • Formación en valores.
    • Desarrollo del pensamiento crítico.
    • Educación multilingüe.
    • Preparación para un entorno internacional.

    Esta combinación permite presentar al colegio como una institución que entiende la educación desde una perspectiva integral.

    Indicadores institucionales

    Para reforzar la confianza y presentar resultados concretos, se incorporó una sección de indicadores destacados.

    Entre ellos se muestran:

    • 95 % de tasa de éxito académico.
    • Enseñanza de cuatro idiomas: inglés, francés, italiano y español.
    • Ocho actividades extraescolares disponibles.

    Estos datos permiten comunicar de manera directa algunos de los principales resultados y ventajas competitivas de la institución.

    Noticias y eventos

    La plataforma también incorpora espacios destinados a mantener activa la comunicación con la comunidad educativa.

    La sección de noticias permite publicar contenidos relacionados con bienestar emocional, educación multilingüe, formación en valores, innovación pedagógica y actividades institucionales.

    Por otro lado, el calendario de eventos permite informar sobre celebraciones, fechas conmemorativas, actividades escolares y acontecimientos importantes para estudiantes y familias.

    Esta estructura convierte la página en un canal de comunicación actualizado y no únicamente en una presentación estática del colegio.

    Orientación a las familias

    Uno de los objetivos principales de la web fue facilitar el primer contacto entre la institución y las familias interesadas.

    Por ello, se incorporó una llamada a la acción directa:

    “¿Quieres ser parte de nuestra comunidad?”

    Desde esta sección, los padres y representantes pueden solicitar más información y recibir orientación del equipo del colegio sin compromiso.

    Este acceso ayuda a reducir la distancia entre el interés inicial y el proceso de admisión, convirtiendo la web en una herramienta comercial e institucional.

    Qué se logró

    El resultado fue una web corporativa educativa clara, moderna y alineada con la identidad de Montalcini European College.

    La plataforma cuenta con:

    • Diseño institucional profesional y responsive.
    • Presentación clara de la propuesta educativa.
    • Organización diferenciada por etapas académicas.
    • Comunicación de valores, metodología y enfoque internacional.
    • Indicadores académicos destacados.
    • Espacios para noticias y eventos.
    • Navegación sencilla para estudiantes y familias.
    • Llamadas a la acción orientadas a la captación de nuevos alumnos.
    • Estructura preparada para incorporar nuevos contenidos.
    • Adaptación para computadoras, tabletas y dispositivos móviles.

    Resultado final

    El proyecto permitió transformar la propuesta educativa de Montalcini European College en una experiencia digital coherente, cercana y profesional.

    Más que presentar información sobre el colegio, la web explica qué tipo de formación ofrece, cuáles son sus valores, cómo acompaña a sus estudiantes y por qué su propuesta puede ser relevante para las familias.

    El resultado es una plataforma institucional preparada para fortalecer la imagen del colegio, mejorar la comunicación con su comunidad y facilitar el contacto con nuevas familias.

    Este proyecto demuestra cómo una web educativa correctamente estructurada puede transmitir confianza, ordenar una propuesta académica compleja y convertir la identidad de una institución en una experiencia digital clara y memorable.

  • Desarrollo de landing page para Qipa

    Desarrollo de landing page para Qipa

    La landing page de Qipa fue creada con un objetivo claro: presentar una aplicación que ayuda a comerciantes a registrar automáticamente sus cobros de Yape y Plin, controlar sus ventas diarias y reducir errores en el cuadre de caja.

    El desafío era transformar una herramienta financiera en una propuesta sencilla de entender, generando confianza sobre seguridad y privacidad, y conduciendo al usuario hacia la descarga de la aplicación.

    El problema

    Muchos pequeños negocios reciben pagos diarios por Yape y Plin sin un sistema organizado para registrarlos, lo que genera descuadres de caja, pérdida de tiempo y riesgo de comprobantes falsos.

    Por eso, en este proyecto busqué resolver tres puntos clave:

    • Comunicar el problema del descontrol de ingresos de forma cercana y sin tecnicismos.
    • Explicar cómo funciona la aplicación sin acceder a cuentas bancarias del usuario.
    • Guiar al visitante hacia una acción concreta: descargar la app o elegir un plan.

    La solución

    Diseñé una landing page con una propuesta de valor directa desde el primer bloque, mostrando los problemas del comerciante con cifras y ejemplos concretos, seguida de las funciones principales: registro automático, cuadre de caja en segundos y validación de ingresos.

    Se incorporó una sección de seguridad que explica que Qipa lee únicamente las notificaciones de pago sin solicitar credenciales bancarias, además de una comparación clara entre el plan Gratis y el plan Premium.

    Qué se logró

    El resultado fue una landing page sólida, orientada a explicar el producto y convertir visitantes en usuarios.

    La página cuenta con:

    • Mensaje comercial claro y estructura enfocada en conversión.
    • Presentación visual del funcionamiento de la aplicación.
    • Secciones específicas sobre seguridad y privacidad de datos.
    • Comparación clara entre los planes Gratis y Premium.
    • Llamadas a la acción para descarga, con diseño responsive.

    Resultado final

    El proyecto convirtió una aplicación de control de pagos digitales en una propuesta comercial clara, preparada para acompañar al usuario desde el descubrimiento del problema hasta la descarga de la app.

  • Desarrollo de mi plataforma web personal

    Desarrollo de mi plataforma web personal

    Mi propia web fue creada con un objetivo claro: no quería tener una página que solo mostrara información, sino una plataforma que demostrara en la práctica la calidad del trabajo que puedo ofrecer a una empresa.

    El desafío era construir una web rápida, moderna, administrable y preparada para posicionarse en Google, sin depender de plantillas genéricas ni constructores pesados.

    El problema

    Muchas páginas web se ven bien al inicio, pero con el tiempo se vuelven lentas, difíciles de actualizar o poco efectivas para generar oportunidades comerciales.

    Por eso, en este proyecto busqué resolver tres puntos clave:

    • Crear una experiencia visual profesional y confiable.
    • Lograr una carga rápida y una estructura optimizada para SEO.
    • Mantener un sistema administrable para publicar contenidos, servicios y proyectos sin complicaciones.

    La solución

    Para este proyecto combiné desarrollo a medida con un sistema de gestión de contenido.

    La parte visual fue construida con tecnologías modernas como Astro, React, TypeScript, Tailwind CSS, GSAP y Lenis. Esto permitió crear una web rápida, fluida, responsive y con animaciones cuidadas.

    Para la gestión de contenido utilicé WordPress en modo Headless junto con ACF. De esta manera, el contenido puede administrarse desde un panel conocido, pero la web mantiene una interfaz personalizada, ligera y optimizada.

    Esta arquitectura permite tener lo mejor de ambos mundos: una web con diseño y rendimiento premium, pero también fácil de actualizar.

    Qué se logró

    El resultado fue una plataforma web más sólida que una página tradicional.

    La web cuenta con:

    • Diseño personalizado y responsive.
    • Carga rápida en desktop y móvil.
    • Blog dinámico administrable desde WordPress.
    • Estructura optimizada para SEO.
    • Animaciones fluidas sin sobrecargar la experiencia.
    • Base escalable para agregar nuevos servicios, artículos y proyectos.

    Más que una web personal, este proyecto funciona como una demostración real de cómo puede verse y funcionar una presencia digital profesional cuando se construye con estrategia, diseño y tecnología moderna.

    Resultado final

    El proyecto logró una web rápida, clara, visualmente profesional y preparada para crecer.

    Esta misma metodología puede aplicarse a empresas que necesitan una web diferente a una plantilla tradicional: una plataforma más rápida, más ordenada, mejor estructurada y pensada para generar confianza desde el primer contacto.

    Si tienes una empresa y quieres una web moderna, rápida y preparada para crecer, puedo ayudarte a construir una infraestructura digital similar para tu negocio.