Intelener web
Diseño y desarrollo web alineado con la identidad corporativa.
Resumen del proyecto
En este proyecto, me encargué de diseñar y desarrollar por completo el sitio web corporativo de Intelener. Partí del logo y el branding que yo mismo había creado previamente, aplicando la identidad visual de la marca a todos los elementos del sitio. Diseñé en Figma y, posteriormente, implementé el desarrollo del sitio en WordPress utilizando Elementor, lo que me permitió crear una web funcional y visualmente atractiva que comunica claramente la identidad de la empresa.
Año
2023
Mi rol en el proyecto
Diseño de la experiencia de usuario (UX) desde la arquitectura de la información. Creación de wireframes y prototipos interactivos. Diseño visual (UI) completo: paleta de colores, tipografía, iconografía y componentes. Diseño de gráficos y pantallas adaptados a distintos tamaños de dispositivos. Colaboración con el equipo de desarrollo para asegurar la correcta implementación del diseño.
Objetivo
Diseñar y desarrollar un sitio web corporativo que refleje la identidad de Intelener, comunique sus valores y presente sus proyectos de manera clara y atractiva.
Problema
Intelener necesitaba un sitio web que unificara su comunicación corporativa y presentara sus proyectos de forma coherente con su identidad visual, evitando plantillas genéricas.
Usuarios
Clientes potenciales, socios, colaboradores y público general interesado en el sector y las actividades de Intelener.
Casos de uso
Presentación corporativa
Mostrar información clave sobre la empresa y su equipo.
Portafolio de proyectos
Exhibir trabajos para atraer clientes.
Contacto directo
Facilitar canales de comunicación para solicitudes de información.
Refuerzo de marca
Transmitir de forma visual y textual la identidad corporativa.
Proceso de diseño
01
Análisis y Planificación
Definición de los objetivos del sitio y la estructura de contenidos.
02
Diseño Visual
Creación de wireframes, sitemap y mockups en Figma aplicando el branding.
03
Diseño de Componentes
Desarrollo de elementos reutilizables para la consistencia visual.
04
Desarrollo Web
Implementación en WordPress usando Elementor, optimizando la usabilidad y la velocidad.
05
Pruebas y Publicación
Verificación de la funcionalidad, el diseño responsivo y la experiencia de usuario antes del lanzamiento.
Galería
Características clave
Identidad Visual Coherente
Aplicación fiel del branding en todos los elementos.
Diseño Responsivo
Optimizado para desktop, tablet y móvil.
Componentes Reutilizables
Eficiencia en el mantenimiento y futuras actualizaciones.
Mensajes Destacados
Llamados a la acción y frases clave para captar la atención.
Resultados
El sitio web final logró reflejar con precisión la identidad corporativa de Intelener, mejorando su presencia digital y sirviendo como una sólida carta de presentación para clientes y colaboradores.
Lo que aprendí
Este proyecto me permitió reforzar mis habilidades en diseño web y desarrollo con WordPress y Elementor, combinando el diseño visual con la implementación técnica para crear un producto final profesional y alineado con la marca.