Como UI Designer en el proyecto de On Energy, mi objetivo principal fue reforzar la identidad de la marca mediante la optimización de su sitio web. Para ello, diseñé un Sitemap detallado que organizó la información de manera efectiva y mejoró la experiencia del usuario. Establecí un Design System coherente para asegurar una consistencia visual y funcional en toda la plataforma.
Para estructurar de manera efectiva el contenido del sitio web de On Energy, desarrollé un Sitemap exhaustivo. Este mapa de sitio sirvió como la columna vertebral del proyecto, organizando de manera lógica las secciones y sub-secciones del sitio para asegurar una navegación intuitiva. La creación de un Sitemap detallado permitió establecer una jerarquía clara de la información, facilitando una experiencia de usuario fluida y eficiente.
Los wireframes que diseñé para On Energy ofrecieron una representación visual básica del sitio web, destacando la estructura y el flujo de la interfaz sin distracciones de diseño. Estos bocetos permitieron visualizar la disposición de los elementos clave y la interacción del usuario con el contenido, asegurando que la arquitectura de la información fuera sólida antes de avanzar a las etapas de diseño más detalladas.
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.
Desarrollé una librería de componentes y estilos que asegura la coherencia visual y funcional a lo largo de la plataforma. Esta librería incluye todos los elementos reutilizables, desde botones y formularios hasta estilos tipográficos y paletas de colores. Al establecer estándares claros y componentes predefinidos, garantizamos una experiencia de usuario consistente y eficiente en cada interacción.
Los mockups fueron una fase crucial en el proceso de diseño, donde transformé los wireframes en representaciones visuales más detalladas del sitio web. Estos mockups proporcionaron una visión clara de cómo se verían las páginas finales, incorporando elementos gráficos, tipografía y colores. A través de iteraciones y ajustes basados en feedback, perfeccioné la apariencia y funcionalidad para reflejar fielmente la identidad de marca de On Energy.
