logo de la página icono de menu
icono bateria

Proyecto: ON Energy

Diseño UI

Descripción del proyecto

Como UI Designer, mi enfoque en el proyecto de On Energy fue potenciar la identidad de marca a través de la optimización de su sitio web. Para ello, desarrollé un SiteMap detallado para estructurar de manera efectiva la información y la experiencia del usuario. Además, establecí un Design System coherente que garantizara la consistencia visual y funcional en toda la plataforma.

El proceso de iteración fue clave para perfeccionar la implementación del sitio web, asegurándome de abordar y mejorar continuamente cada aspecto. Desde la arquitectura de la información hasta la interfaz de usuario, mi objetivo fue lograr una experiencia fluida y atractiva para los visitantes, al tiempo que reflejaba de manera efectiva la identidad distintiva de On Energy en cada elemento visual y de interacción.

Skills y Toolkits

  • Iteración
  • Trabajo en Equipo
  • Priorización
  • Capacidad analítica
  • Figma
  • Photoshop
  • HTML & CSS
  • Trello
  • Google Suite
  • CodePen

SiteMap

imagen de un sitemap

Wireframes

imagen de wireframe

Animaciones CSS

Desarrollé animaciones en CSS con el propósito de visualizar de manera efectiva la aplicación de la identidad de marca. A pesar de que estas animaciones no se incluyeron en el proyecto debido a restricciones tecnológicas, la experiencia resultó en un valioso aprendizaje.

Mockups

imagen de la página software imagen de la página herencia imangen de la página beneficios imagen de la página Home imagen de la web en versión mobile

Library Componentes + Style Guide

imagen de colores de la marca imagen de escala tipográfica imagen de los componentes

¡Gracias por tomarte el tiempo de explorar este proyecto!