Proceso de diseño UX/UI – Coffee Shop App

Proceso de diseño UX/UI para crear una App de venta de café.

Manifiesto Agile

Los nuevos valores que aportaron las metodologías ágiles fueron:

Individuos e interacciones por encima de procesos y herramientas.
Software funcionando por encima de documentación extensiva…

Minimum viable product (MVP) – Producto mínimo viable

Los principales beneficios de desarrollar un producto mínimo viable (MVP) es que se puede obtener feedback de los clientes de manera rápida y barata. De esta manera podemos, en una fase muy temprana, sacar conclusiones acerca de si el producto se adecuaría y sería interesante para los potenciales clientes.

Herramientas UI / UX

Afortunadamente, el diseño UI / UX está tomando cada vez más importancia a la hora de buscar el éxito de nuestras aplicaciones y sitios web. Para ello contamos con infinidad de herramientas que nos facilitan los procesos de diseño UI / UX.

Vocabulario UX

Este artículo es una recopilación de todo tipo de palabras clave y términos relacionados con la experiencia de usuario (UX). Se irá ampliando para incluir nuevos términos, técnicas y procesos.

Digital Healthy Schools – Essex

Proyecto web para el cuidado de la salud en colegios mediante el uso de Apps.

ORCHA Healthcare – prescribiendo Apps

En este proyecto he participado en todas sus fases de desarrollo.

La aplicación se centra en la utilización de Apps de salud como método complementario de prevención y tratamiento de problemas médicos. La compañía dispone de acuerdos con el sistema nacional de salud de Reino Unido (NHS) para que los médicos puedan prescribir Apps a pacientes.

Website – Gym

Plantilla responsive de sitio web para un gimnasio. Esta plantilla se adapta fácilmente a distintos tipos de negocio.

Dashboard – Gym

Plantilla responsive de Dashboard para usuarios registrados. Se trata de un Dashboard sencillo pensado para adaptarse a distintos tipos de negocio.

Pack protección online – Zurich & Telefonica

Pack protección online es una aplicación web para adquirir seguros que protegen y gestionan la actividad online del usuario.

HR Giger – Museum and Bar

Homenaje a unos de mis artistas favoritos, HR Giger (1940-2014). Este genio fue el creador del xenomorfo de la película ‘Alien’ (1979).

Liverpool history

Liverpool history es una galería con 20 imágenes históricas de la ciudad.

CSS Filters

Muestra de 10 filtros para imágenes que se pueden aplicar en navegadores modernos, especialmente aquellos basados en webkit.

Bootstrapshop – plantilla responsive tienda online

Bootstrapshop es una plantilla responsive para tiendas online creada con Bootstrap.

Spotifynder – App JavaScript usando API de Spotify

Spotifynder era una aplicación web desarrollada en JavaScript y jQuery, que utilizaba la API de Spotify para hacer búsquedas.

Henry Schein – Animal Health

En esta web de suministros de Salud para animales ajusté todas sus plantillas y sus elementos (Prestashop) para que se muestren adecuadamente a cualquier resolución de pantalla. Retoqué diversos elementos visuales y de diseño.

Vanagloria

Vanagloria es una exclusiva joyería online desarrollada en Prestashop. El look & feel es elegante, minimalista y limpio.

Farmacia Amat e-commerce

Desarrollo y diseño (responsive avanzado) para tienda Prestashop online. Se le ha dado el protagonismo a los productos. El diseño y la maquetación son minimalistas pero precisos. La limpieza visual es imprescindible para este tipo de tiendas.

Banasta de Frutas

En esta tienda online, hecha con Prestashop, realicé el mantenimiento y la mejora de su responsive para dispositivos móviles.  

Long Shadow con jQuery

Plugin basado en jQuery que sirve para generar el ya famoso “efecto Long Shadow” sobre textos HTML.

La Fortaleza de la Soledad

Rediseño estético y funcional de la web para fans de Superman La Fortaleza de la Soledad. También se realizó una migración de la Base de Datos, desde Joomla hacia WordPress….

UX y UI de una aplicación web

Caser – desarrollando una aplicación web. Proyecto web en el estado previo a su publicación en producción.

Superslides es un gran slider en jQuery

Superslides es un gran slider en jQuery que permite pantalla completa y es muy fácil de configurar. Además está preparado para aceleración por hardware.

Vibrando con CSShake

CSShake es un pequeño pero divertido proyecto alojado en Github. Se trata de una serie de clases CSS para “agitar” el DOM.

Carula

Me encargué de mejorar la experiencia de usuario en el proceso de compra desde cualquier dispositivo electrónico (responsive web design).