Yumapos
Yumapos es una empresa del Reino Unido dedicada a la venta de POS, y a pedido de High Tech Mobile (distribuidor autorizado), nos encomendaron diseñar una product page para vender de forma efectiva su producto y a la vez seguir algunos criterios de la marca, así surgieron puntos clave, como el hacer un diseño profesional que exprese la velocidad y fluidez de la marca, utilizamos colores que transmiten confianza (azul) y facilidad (naranja), nos centramos en mostrar la autoridad y calidad de los equipos, mostrando cada detalle específico de los productos de alta gamma para transacciones por tarjeta. Nuestro cliente quedó más que satisfecho.
Tarea
En el desarrollo de esta product page, también nos enfocamos en optimizar la experiencia del usuario, asegurándonos de que la navegación fuera intuitiva y amigable. Implementamos una estructura clara y organizada, donde los clientes potenciales pudieran encontrar fácilmente las características técnicas de los POS y los beneficios de cada modelo. Además, integramos un diseño responsivo que se adapta perfectamente a dispositivos móviles, lo que facilita la compra desde cualquier plataforma.
El principal reto de la marca era diferenciarse de la competencia, con productos tan buenos y posicionados en el mercado español, por ello, se realizó Benchmarking a nivel local, para explorar la tendencia de colores y darle un giro de tuerca conservando la imagen de marca.
Mediante una reunión con el jefe del proyecto se acordó explotar los colores de la marca y asi generar un mayor impacto visual, diferenciandose de la competencia.
Durante el diseño de la página web de Yumapos, nos enfocamos en desarrollar un modelo de vista fluída, optimizando cada apartado de la página, y jugando con el contraste de los colores y formas, para expresar la adaptabilidad de la marca.
Agregamos efectos y animaciones de fluidéz y modernidad, indicando cada aspecto técnico de los productos en venta, el principal objetivo fué generar un valor diferencial a primera vista.
| Violeta #403369 |
SCSS var #403369 |
◯ |
| R 64 G 51 B 105 |
Violet Indigo
| Naranja #EC7E31 |
SCSS var #EC7E31 |
◯ |
| R 236 G 126 B 49 |
Cadmium Yellow
| Grey #FFEFFF |
SCSS var $color-white |
◯ |
| R 255 G 255 B 255 |
White
| Black #161519 |
SCSS var $color-black |
◯ |
| R 22 G 21 B 25 |
Black Beauty
Yumapos utiliza un esquema de colores estratégico que combina morado oscuro, transmitiendo innovación y sofisticación, con naranja, que aporta energía y dinamismo. Esta combinación no solo capta la atención, sino que comunica que la marca es moderna y fácil de usar, generando confianza en sus usuarios desde el primer vistazo.
Tipografía
Lato
Uso
Encabezados
A pedido del cliente, se recomendó usar la fuente Lato, para conservar el la fuente de marca y no perder la identidad clásica asociada con la fuente.
Tipografía
Lato
Uso
Encabezados
Subtitulos
Párrafos
