Nuestros trabajos

Diseño para Arquitecto Middleware

click to down

Reto de diseño

Construyendo una identidad de marca moderna

Este proyecto ha consistido en el diseño y prototipado de la arquitectura de un sitio web completo centrado en la usabilidad (UX). También, en la construcción de un manual de marca que ayude en la implementación del sitio web, en este caso, por parte de nuestro cliente, así como el desarrollo de proyectos futuros.

En este caso de uso, nuestro cliente, solo necesitaba los servicios de consultoría de diseño y UX que ofrecemos desde Ikigai Works ya que dispone de la experiencia y las habilidades para desarrollar el proyecto final él mismo.

Su necesidad principal, era por tanto el disponer de las herramientas y la documentación, con la que construir su sitio web y aquellos proyectos que pudiera acometer en el futuro, con una identidad de marca bien elaorada que identifique todos sus productos y desarrollos de una manera homogenea y única. Aunque existen frameworks de diseñoy desarrollo con librerías de componentes ya implementadas, nuestro cliente no quería ceñirse a una ya disponible que, aún siendo válidas, no distinguen de la posible competencia a la hora de identificar visualmente un producto digital. Por tanto, procedimos a crear a medida una identidad de marca, sobre la que también diseñamos y documentamos su sitio web.

Funciones realizadas: Diseño de producto, investigación, pruebas de heurística, prototipado y tests de usabilidad.

Joaquín Copete

J. Copete ⦚ case study

Se ha buscado un diseño moderno, elegante y que transmita los valores de nuestro cliente, con un aspecto claramente tecnológico, como puede verse en los estilos de fuentes y colores aplicados. Del mismo modo, se sugirieron el tono y algunos textos con los que mejor comunicar el mensaje, para ayudar a la redacción de los contenidos finales.

Las siguientes imágenes ayudan a ilustrar las distintas fases del proceo de cualquier proyecto de este estilo, donde partimos de un prototipo en baja fidelidad que nos permita decidir la navegación y, posteriormente, se refina hasta alcanzar el prototipo interactivo en alta fidelidad o HiFi - High Fidelity con todos los tipos de páginas posibles del sitio web, así como su versión responsive para su aceptación y posterior desarrollo.

Wireframes y Arquitectura de Información

Prototipo Hi-Fi

Prototipo para dispositivos móviles

Diseño final - página Soluciones

Ejemplo del prototipo interactivo para el blog dentro del sitio web y la vista de las distintas entradas. Puede verse el resultado final, que se desarrolló nuestro cliente, en su sitio web OpenAPIvalidation.com.

Para terminar, las siguientes capturas, extraidas del Manual de Marca entregado, muestran como ejemplo la información y descripción de la paleta de colores a usar, así como de la tipografía y estilos.