Check the new version here

Popular channels

The story you are looking for is deleted, but this may also interest you.

UX & UI - Web Design

Hola, como va? En este post les quiero mostrar de forma acotada como fue el proceso de desarrollo y diseño (que aun continúa) para la elaboración de mi sitio web profesional, totalmente desde cero, sinutilización de framework ni theme.

Empecemos con unas capturas reales del sitio (que aun no está en linea), utilicé HTML y CSS puro con algo de java script, se que hoy en día se utilizan tecnologías como React, Node o Gulp para maquetar pero yo prefiero codear utilizando lenguajes puros cuando se trata de proyectos simples en donde lo principal es el contenido.
A continuación las pantallas:

Web Design
Web Design
Web Design
Web Design
Web Design
Web Design
Web Design
Web Design
Web Design
Web Design
Web Design
Web Design
Web Design
Web Design
Web Design
Web Design
Web Design

Bien, ahora que ya saben de que se trata esto, puedo pasar a mostrarles de manera breve y a modo de imágenes lo que fue la creación de este sitio que en algún momento publicaré.
Quiero aclarar que todo el contenido que verán a continuación fue creado totalmente desde cero, desde los iconos, las ilustraciones, las imagenes, etc.

Web Design
Web Design
Web Design
Web Design
Web Design
Web Design
Web Design
Web Design
Web Design
Web Design

Para terminar les quiero mostrar como fue la creación y planteo de la UX, es decir el esquema de la interacción y experiencia del usuario para/con la interface del sitio. Si bien se trata de un sitio sencillo, sin mucha vuelta, fue necesario plantear de forma correcta la experiencia del usuario para que este navegue sin problemas y llegué a todos los rincones del sitio sin perderse ni tener que utilizar opciones del navegador para retroceder o abrir nuevas pestañas.

Web Design
Web Design
Web Design
Web Design
Web Design
Web Design
Web Design
Web Design
Web Design
Web Design
Web Design
Web Design

Por último les dejo un video de como se ve la web al navegarla, al momento de grabar esto faltaban pulir detalles por lo cual no es el resultado final.

Muchas gracias por ver, hasta la próxima.

0
0
0
0
0No comments yet