Etiqueta: UI

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.

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.

Flipping card

Ejemplo básico de ‘flipping card’. Utiliza jquery y bootstrap. 

Vanagloria

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

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.

Reordenar DIVs con Flexbox

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

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.

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.

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.

Mockup con Sketch – Mobile y Tablet

Desarrollo de Mockup con Sketch para aplicación de venta de vinos.

Axure wireframe ejemplo

Ejemplo de Wireframe funcional diseñado con Axure. Incluye diagrama de flujo (arborescencia), navegación de menú y pestañas, validación de email para contacto y newsletter.