Etiqueta: UI

Coffee Shop – App demo

Presentación de Coffee Shop – App demo. Se trata de un prototipo básico de App para la venta y distribución de café mediante una interfaz sencilla, rápida y eficiente.

Case study: mejorar búsqueda de contenidos en App de STARZPLAY

El reto de este case study será mejorar la experiencia del usuario en su búsqueda de contenidos dentro de la App de STARZPLAY. ¡Veamos cómo podemos mejorarla!

App installer – Diseño interfaz

Demo de configurador / instalador de software. El objetivo es que la curva de aprendizaje sea prácticamente nula y que el diseño sea muy eficaz tanto a nivel estructural como estético.

Case study: mejora del compromiso de los usuarios en la App de ASOS

El reto consiste en optimizar la tasa de conversión de la página de productos de la app de ASOS.
Hay que plantear los cambios y/o mejoras necesarios para aumentar el compromiso de los usuarios.

Case study: rediseñando y mejorando una Home

Para este case study me he propuesto investigar sobre algún sector empresarial  de España con amplio margen de mejora en cuanto a presencia online y rediseñar su Home.

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.

Herramientas UX / UI

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.

Aprender Flexbox y CSS Grid gratis

En este artículo se van a ir recopilando diferentes recursos gratuitos para aprender Flexbox y CSS Grid. Visita regularmente este artículo para aprender las últimas tecnologías  y técnicas de maquetación online.

Texto no seleccionable con CSS

En ocasiones no queremos que ciertas partes o textos de nuestras webs  sean seleccionables. Por ejemplo en aplicaciones web o de escritorio basadas en HTML, CSS & JS.

Animación en WordPress

Probablemente ya hayas utilizado o al menos te suene CSS Animate It. Se trata de un pack de animaciones y transiciones basadas en CSS3, desarrollado por Jack McCourt. Gracias a eLEOPARD Design Studios disponemos de un fantástico plugin que permite utilizar estas animaciones dentro de Wordpress.

Vanagloria – ecommerce

Vanagloria es una exclusiva joyería online.

Datatable con filtros – responsive design

Plantilla de Datatable con menú de filtros y también de cambio de sección.

Web App Servicio Técnico

Web App para gestión de Servicio Técnico. El gran reto para este tipo de interfaz es conseguir la mejor Experiencia de Usuario.

App para hostelería

Desarrollo en Sketch de App para hostelería. Como siempre, se busca la sencillez en la interfaz para obtener la mejor experiencia de usuario.

Reordenar DIVs con Flexbox

Reordenar DIVs (visualmente) con Flexbox, sin necesidad de alterar el DOM.

Spotifynder – App JavaScript usando API de Spotify

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

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.

Responsive mockup con Axure

Un ejemplo completo de responsive mockup con Axure.