research
·
visual design
·

Consultoría y desarrollo de productos con No-Code

Conceptualizar y diseñar la web para un estudio de consultoría y desarrollo de productos digitales con No-Code enfocado en emprendedores que quieren lanzar su idea de una forma ágil, sencilla y con menor coste para iterar su producto en el mercado.

Resumen del proyecto

El objetivo de este proyecto era diseñar una web en la que se explicara el valor del estudio, cómo podían ayudar a sus clientes y que éstos pudieran tener una visión de la calidad y experiencia del estudio como forma de obtener seguridad.

Cliente/Tipo de proyecto
SoceStudio
Fecha del proyecto
octubre 2023
Tu rol en el proyecto
Product designer (UX/UI)
El reto del proyecto

El principal reto del proyecto consistía en salirnos del típico diseño de grid encajado y llevar a cabo un diseño con un potente visual y a la vez comunicar de una forma ordenada la propuesta de valor, los beneficios y el método de trabajo al usuario. Además, previamente debíamos bajar a tierra esa propuesta de valor diferencial y entender al tipo de usuario que iba a llegar a la web para que así todo pudiera estar bien justificado en diseño.

Proceso de trabajo

  • Sesión de cocreación: Realizamos una sesión conjunta con el cliente para definir quién iba a ser nuestro usuario y sus necesidades, objetivos, motivaciones y pain points. Con ello, pudimos analizar y detallar cómo el negocio ayudaría a solventar ese conjunto del usuario y conn todo esto, ya podíamos definir una propuesta de valor que respondiera a QUIÉN, QUÉ y CÓMO.

  • Conceptualización: Para entender y poder validar con el cliente antes de pasar a diseño visual cómo iba a ser la estructura y la organización de la web, realizamos la conceptualización en forma de wireframes. En ellos se plasmaban detalles importantes, por ejemplo cómo ibamos a contar los beneficios; estarían distribuidos a lo largo de la web para que el usuario los fuese leyendo conforma iba pasando por las diferentes secciones. Otro detalle importante era cómo iban a mostrarse los proyectos ya que tendrían unos destacados y otros secundarios.

  • Diseño visual: En esta fase, lo primero que hicimos fue crear una paleta de colores sobre azul ya que era su color de marca y lo acompañaríamos con un color de acento para crear contraste. Las tipografías se eligieron con la intención de obtener un visual relajado y sin cortes brutalistas. Como línea gráfica, usaríamos una línea que nos iría acompañando con el scroll de la web, la línea es la prolongación del punto, siendo el punto la idea inicial y la línea la manera en el estudio la hace crecer.

Guía de estilos

Diseño visual aplicado

· · ·

Aprendizajes y conclusiones

Este proyecto ha sido un reto profesional ya que buscaba diferenciarme con el diseño y romper con ese esquema rígido de grids de otras webs. Queríamos algo más dinámico y que a la vez se entendiera perfectamente y creo que lo conseguimos. En este caso, la comunicación con el cliente y la libertad para experimentar fueron claves.

Puedes ver el resultado de la web construida aquí.
· · ·