Casos · Diseño web

Webs en WordPress.

Un restaurante, un aeropuerto y un programa de innovación. Tres encargos distintos, con agencia y como autónomo, construidos con la misma herramienta.

01 Camino Bites Restaurante · Web y carta
02 Aeroport Andorra – La Seu Web institucional · Con Acrònim
03 Innovar con Startup Programa de innovación · Web y vídeos

Cómo se construyen

Webs que el cliente puede llevar solo.

El diseño se construye una vez. Lo que cambia cada día, lo cambia el cliente.

WordPress es un gestor de contenidos: separa el diseño de lo que se publica. Una vez montada la web, el restaurante cambia la carta o el aeropuerto actualiza sus horarios desde un panel, sin tocar código.

En cada encargo el trabajo empieza igual: ordenar los contenidos, diseñar cómo se van a ver y construir las páginas con constructores visuales como Elementor. Después, cada página se adapta para que funcione en el móvil, la tablet y el ordenador.

DiseñoEstructura, estilo y contenidos pensados para cada negocio
WordPressConstrucción con constructores visuales y un panel para el cliente
ResponsiveCada página adaptada al móvil, la tablet y el ordenador

Caso 01 · Restaurante

Camino Bites

Cliente: Camino Bites, restaurante en Barcelona
Trabajo: Diseño web y carta del restaurante
Modalidad: Como autónomo
Tecnología: WordPress y Elementor

Del campo a la mesa, también en la pantalla.

Camino Bites es un restaurante informal de Barcelona con una idea clara: producto de temporada, traído del campo, y casi toda la carta sin gluten.

Diseñé y construí su web con WordPress: una sola página que cuenta la filosofía del local y enseña los platos, la carta, el horario y el contacto, con la reserva de mesa siempre a mano. También diseñé la carta del restaurante, con los alérgenos señalados en cada plato y las opciones veganas marcadas.

Caso 02 · Web institucional

Aeroport Andorra – La Seu

Cliente: Aeroport Andorra – La Seu d'Urgell
Agencia: Acrònim
Tecnología: WordPress, Elementor y WPML
Web: aeroportandorralaseu.cat ↗

Diseño de una web institucional.

Pensada para que el propio aeropuerto pudiera mantenerla y para que funcionara en cualquier pantalla.

El Aeroport Andorra – La Seu d'Urgell es la única puerta aérea internacional de Andorra, y su web tiene que servir igual a un piloto, a una empresa del sector o a quien llega de fuera.

Participé en la construcción de la web con WordPress dentro del equipo de Acrònim. WordPress deja que el propio aeropuerto actualice textos, horarios y servicios desde un panel, sin tocar código.

Después me encargué del menú, con el selector de idiomas integrado, y la web se adaptó para que fuese responsive y se leyera igual de bien en el móvil, la tablet y el ordenador.

WordPressConstrucción de la web con el equipo de Acrònim
MenúLa navegación de toda la web, en el ordenador y en el móvil
ResponsiveIgual de legible en el móvil, la tablet y el ordenador

Página de servicios del aeropuerto en el ordenador — Ordenador

La misma página adaptada a tablet — Tablet

La misma página adaptada al móvil — Móvil

Caso 03 · Programa de innovación

Innovar con Startup

Cliente: 2 Digits Growth
Con el apoyo de: ACCIÓ, Generalitat de Catalunya
Modalidad: Como autónomo
Trabajo: Web en WordPress, grabación y edición de vídeo

Startups con soluciones y empresas consolidadas que las necesitan, en el mismo sitio.

Innovar con Startup fue un programa para unir startups y corporates. Las grandes empresas buscaban soluciones rápidas y asequibles; las startups, el respaldo de una empresa consolidada para que sus proyectos vieran la luz. Todos salían ganando.

2 Digits Growth lanzó el programa y yo creé la web con WordPress, el lugar donde las startups presentaban su candidatura. Mi trabajo siguió fuera de la pantalla, hasta el encuentro final.

La web del programa en un portátil, con la convocatoria y el apoyo de ACCIÓ

01
La web

Las startups presentaban su candidatura desde la web del programa.
02
Las visitas

Visité las oficinas de las startups participantes.
03
Los vídeos

Grabé y edité sus presentaciones para el programa.
04
El encuentro

Startups y corporates se reunieron en las oficinas de ACCIÓ para hablar a fondo de sus proyectos y hacer networking.

Sala de ACCIÓ preparada para el encuentro final, con el roll-up del programa y el equipo al fondo — Preparando el encuentro final en las oficinas de ACCIÓ.

Mi recorrido en diseño web

De Dreamweaver a la IA.

Estos encargos son paradas en un camino más largo. Cada herramienta nueva me ha servido para trabajar más eficientemente y construir mejor.

01
Dreamweaver

Mis primeras webs, página a página.
02
WordPress

Webs que el cliente actualiza solo, como las de esta página.
03
Divi

Constructores visuales para montar y ajustar diseños con más rapidez.
04
Figma y Adobe XD

Prototipos navegables: mis clientes veían su web acabada antes de que existiera.
Hoy
Diseño con IA

Webs diseñadas e implementadas con inteligencia artificial, con herramientas como Claude Code.

Así trabajo hoy

Cuatro webs hechas con IA.

Demos terminadas y navegables, diseñadas e implementadas con Claude Code para cuatro negocios ficticios: una inmobiliaria, una tienda online, un restaurante y una consultora. Entra y úsalas como si fueran reales.