UX · UI · CONSTRUCCIÓN WEB

Diseñar lo que no se ve

Una guía práctica sobre UX, UI y construcción web

Diseñar lo que no se ve es una publicación viva sobre cómo se construye una web desde dentro: desde el pensamiento hasta la implementación real. Un espacio de referencia que conecta UX, UI, contenido, herramientas y negocio.

Ocho módulos para recorrer en orden o consultar cuando lo necesites. Cada uno reúne sus lecturas, ejemplos y recursos.

01

Empieza aquí: fundamentos y una mirada al diseño web.

02

Investigación, arquitectura y experiencia de usuario.

03

Jerarquía visual, componentes y diseño de interacción.

04

Herramientas, Auto Layout y primeros prototipos.

05

Contexto, diseño, código y revisión con criterio.

06

Creación, gestión y mantenimiento de sitios web.

07

Responsive, accesibilidad y rendimiento desde la base.

08

Referencias y utilidades para explorar y practicar.

MÓDULO 01

Cultura y diseño web

Antes de abrir ninguna herramienta.

Qué necesita una web, qué problema resuelve y cómo darle una dirección propia. También cuando la IA forma parte del proceso.

Explorar la serie ↗

MÓDULO 02

Experiencia de usuario

Primero, que se entienda.

Objetivos, arquitectura y recorridos. Decisiones que ayudan a encontrar lo importante y a avanzar sin perderse.

Explorar la serie ↗

MÓDULO 03

Interfaz e interacción

La forma también guía.

Tipografía, color, componentes y estados. Un lenguaje visual que hace la experiencia más clara y coherente.

Explorar la serie ↗

MÓDULO 04

Figma y prototipado

Pensar con las manos.

Del primer esquema a un prototipo que permite probar decisiones. Estructura, relaciones y comportamiento antes de construir.

Explorar la serie ↗

MÓDULO 05

IA aplicada al diseño web

La herramienta propone. Tú diriges.

Contexto, investigación, diseño, código y revisión. Un recorrido para trabajar con IA sin confundir una respuesta convincente con una web resuelta.

Explorar la serie ↗

MÓDULO 06

WordPress y Elementor

De la idea a una web real.

Entender la herramienta para decidir con autonomía. Contenido, estructura y construcción, paso a paso.

Explorar la serie ↗

MÓDULO 07

Calidad web

Que funcione más allá de tu pantalla.

Responsive, accesibilidad y rendimiento. Una web se demuestra cuando cambia el dispositivo, la conexión o la manera de navegar.

Explorar la serie ↗

MÓDULO 08

Recursos y herramientas

Mirar mejor. Comprobar mejor.

Referencias, fuentes y herramientas para observar, inspeccionar y revisar. Criterio para aprovechar lo que tienes a mano.

Explorar la serie ↗

Porque diseñar una web no va de decorar.

Va de pensar, decidir y construir con intención.