Proyectos
Cinco webs publicadas, explicadas por dentro.
Tres negocios reales, una herramienta propia y una demo. De cada una verás qué necesitaba, qué construí, con qué está hecha y dónde comprobarlo en la web publicada.
Los cinco proyectos
Web de cliente
Studio Legale Del Vecchio
Un despacho de derecho civil a pocos pasos de los tribunales de Roma. Necesitaba que quien busca abogado entendiera en segundos en qué materias le pueden ayudar y cómo trabaja el despacho, y que pudiera pedir una primera consulta sin tener que llamar.
Qué construí
Cinco áreas de práctica, explicadas
Cada área lleva sus materias concretas, para que el cliente vea si su caso encaja antes de escribir.
Dónde verlo: Menú, «Aree»
Solicitud de consulta
Un formulario con el tipo de consulta: la petición llega ordenada y el visitante sabe cuándo tendrá respuesta.
Dónde verlo: Botón «Prenota un consulto»
Asistente IA
Responde a cualquier hora sobre áreas, sede y cómo pedir consulta, con atajos para las preguntas habituales. Avisa de que es informativo: no da consejo legal.
Dónde verlo: Botón «§», abajo a la derecha
Método en cuatro pasos
Primer coloquio, estrategia y presupuesto, acción extrajudicial y, si hace falta, juicio: el cliente sabe qué viene después.
Dónde verlo: Sección «Metodo»
Horario con estado en vivo
La ficha de contacto dice si el despacho está abierto en ese momento, junto a teléfonos, correo y dirección.
Dónde verlo: Sección «Contatti»
Modo oscuro automático
Si el móvil o el ordenador del visitante usa el tema oscuro, la web cambia sola a su versión oscura.
Dónde verlo: Tema del dispositivo
Opiniones, preguntas frecuentes y mapa
Opiniones de clientes con iniciales, por secreto profesional; cuatro preguntas frecuentes; y un mapa de Google que solo se carga si el visitante lo pide.
Dónde verlo: Secciones «Voci», «Domande» y «Studio»
El asistente de esta web es el chatbot IA que ofrezco:
Ficha
- Tipo
- Web de cliente
- Sector
- Despacho civil
- Dónde
- Roma, en el barrio de Prati
- Idiomas
- Italiano
- Hecha con
- Código a medida (HTML, CSS y JavaScript), con funciones en Vercel para el asistente y el formulario
- Qué hice
- Diseño y desarrollo
- Estado
- PublicadaAbrir studiolegaledelvecchio.it (se abre en otra pestaña)
Recorrido
Las cinco áreas, cada una con sus materias. 
El método en cuatro pasos, desplegable. 
El asistente abierto, con sus atajos. 
La misma web con el dispositivo en modo oscuro. 
Contacto: horario en vivo y la solicitud de consulta.
Web de cliente
Pandora Real Estate
Una inmobiliaria de la Costa del Sol con compradores de muchos países. Necesitaba que cada comprador buscara casa en su idioma y filtrando por lo que le importa, con un catálogo de inmuebles que se actualiza desde un panel.
Qué construí
Catálogo de propiedades
Venta, obra nueva y alquiler, cada inmueble con su ficha, sus fotos y su precio.
Dónde verlo: Menú, «Propiedades»
Guía de la Costa del Sol y blog
Contenido sobre la zona para el comprador que no la conoce, y un blog.
Dónde verlo: Menú, «Guía de la costa del sol»
Seis idiomas
Cada página existe en español, inglés, francés, alemán, italiano y ruso, y Google sabe qué versión enseñar a cada visitante.
Dónde verlo: Bandera del menú
Contacto a un clic
Botón de contacto, teléfono y correo en la propia portada.
Dónde verlo: Portada, «Contáctanos»
Buscador con filtros
Ubicación, ciudad, zona, tipo, precio, dormitorios y referencia: el comprador llega solo a lo que encaja.
Dónde verlo: «Propiedades», «Todas las Propiedades»
Ficha de inmueble con comparador
Galería, datos, un formulario para preguntar por esa casa y un botón para compararla con otras.
Dónde verlo: Cualquier ficha, botón «Compare»
Favoritos con registro y catálogos descargables
El comprador puede crear su cuenta para guardar las casas que le interesan y descargar el catálogo de cada promoción.
Dónde verlo: Aviso «guardar tus casas favoritas» y ventana de descarga
Ficha
- Tipo
- Web de cliente
- Sector
- Inmobiliaria
- Dónde
- Costa del Sol
- Idiomas
- Seis: español, inglés, francés, alemán, italiano y ruso
- Hecha con
- WordPress con Elementor y Estatik, un gestor de inmuebles
- Qué hice
- Diseño y desarrollo
- Estado
- PublicadaAbrir pandorarealestate.es (se abre en otra pestaña)
Recorrido
El buscador: siete filtros sobre el catálogo. 
La ficha de un inmueble, con galería y botón para comparar. 
La portada en francés, una de sus seis versiones.
Web de cliente
El Gran Catering
Un catering para eventos que trabaja en Madrid, Barcelona y Valencia. Necesitaba una página para cada ciudad, sus menús con el precio a la vista y una forma rápida de pedir presupuesto con los datos del evento.
Qué construí
Servicios por categoría
Bodas, empresas, barras, cortador de jamón, paellas…: cada servicio con su página.
Dónde verlo: Menú, «Servicios»
Una página por ciudad
Madrid, Barcelona y Valencia, y decenas de localidades y barrios de alrededor, cada uno con su página, para quien busca catering en su zona.
Dónde verlo: Menú, «Ubicaciones»
«¿Te llamamos?»
Nombre y teléfono, nada más: la forma más corta de pedir que te llamen.
Dónde verlo: Botón naranja del menú
Carta de menús con precio
Coffee breaks, brunch, cócteles…: cada menú con su precio y su ficha.
Dónde verlo: Botón «Menú» y página «Menu Catering»
Carrito
Reúne los menús elegidos en un pedido, siempre a mano en una esquina de la pantalla.
Dónde verlo: Icono de la bolsa, abajo a la derecha
Formulario de evento
Pide ciudad, tipo de evento, menú, comensales, fecha, camareros y bebidas: la petición llega con lo necesario para presupuestar.
Dónde verlo: Portada, «¿Tienes alguna pregunta…?»
WhatsApp, galería, blog y preguntas
Botón de WhatsApp para quien prefiere escribir, galería de trabajos, blog y preguntas frecuentes.
Dónde verlo: Botón verde, menú y portada
Versión en inglés
La web también en inglés, para clientes de fuera.
Dónde verlo: elgrancatering.com/en/
Ficha
- Tipo
- Web de cliente
- Sector
- Catering
- Dónde
- Madrid, Barcelona y Valencia
- Idiomas
- Español e inglés
- Hecha con
- WordPress con Elementor y WooCommerce para la carta
- Qué hice
- Diseño y desarrollo
- Estado
- PublicadaAbrir elgrancatering.com (se abre en otra pestaña)
Recorrido
La página de Valencia, una de las locales. 
La carta: cada menú con su precio. 
«¿Te llamamos?»: nombre y teléfono. 
La versión en inglés.
Herramienta propia
Pixformat
Un conversor de imágenes gratuito y abierto a cualquiera. Convierte por lotes sin subir nada a ningún servidor: todo el trabajo lo hace el navegador de quien lo usa. Demuestra que puedo construir aplicaciones completas, no solo páginas.
Qué construí
Soltar y convertir
Se sueltan las imágenes (JPEG, PNG, WebP, GIF, BMP o SVG) y se convierten todas de una vez.
Dónde verlo: Zona «Upload your images»
Formato de salida
WebP, PNG o JPEG, elegido con un clic.
Dónde verlo: Selector «Convert to»
Nada sale del ordenador
Los archivos los procesa el propio navegador con Web Workers: sin subidas y sin límite de tamaño.
Dónde verlo: Botón «Convert»
Descarga y ahorro a la vista
Cada imagen enseña cuánto peso ha perdido, y se descargan una a una o todas juntas.
Dónde verlo: Botón «Download»
Guías y preguntas frecuentes
Explica qué formato conviene en cada caso, con una tabla comparativa, y resuelve las dudas habituales.
Dónde verlo: Debajo del conversor
Ficha
- Tipo
- Herramienta propia
- Sector
- Herramienta propia
- Dónde
- En línea, desde cualquier navegador
- Idiomas
- Inglés
- Hecha con
- JavaScript que corre en el navegador, con Web Workers y Canvas
- Qué hice
- Diseño y desarrollo
- Estado
- PublicadaAbrir pixformat.com (se abre en otra pestaña)
Recorrido
Cinco imágenes de esta web, cargadas en un lote. 
Convertidas a WebP en el navegador, con el ahorro de cada una. 
La guía: qué formato usar en cada caso.
Demo
Landscaping
No hay cliente detrás: es una demostración para una empresa de jardinería, con teléfonos, correo y opiniones de ejemplo. Sirve para ver cómo quedaría la web de un negocio de servicios locales: qué hace, trabajos terminados, quién lo hace y cómo pedir presupuesto.
Qué construí
Servicios con página propia
Seis servicios, cada uno con su página: diseño, riego, poda, mantenimiento…
Dónde verlo: Menú, «Services»
Portfolio de trabajos
Fotos de jardines terminados, para ver el resultado antes de llamar.
Dónde verlo: Menú, «Portfolio»
Equipo con cara
Quién hace el trabajo, con su foto.
Dónde verlo: Menú, «About Us»
Preguntas frecuentes
Las dudas de siempre, respondidas antes de que llamen.
Dónde verlo: Menú, «FaQ»
Presupuesto sin compromiso
Formulario con el servicio que interesa y el mensaje, y el botón de contacto siempre arriba.
Dónde verlo: Botón «Contact Us» y «Get A Free Quote!»
Opiniones
Una página de opiniones de clientes, de ejemplo al ser una demo.
Dónde verlo: Menú, «Testimonials»
Ficha
- Tipo
- Demo
- Sector
- Jardinería
- Dónde
- Florida, con datos de contacto de ejemplo
- Idiomas
- Inglés
- Hecha con
- WordPress con Elementor
- Qué hice
- Diseño y desarrollo
- Estado
- Demo publicadaAbrir thelandscapingdemo.com (se abre en otra pestaña)
Recorrido
Los seis servicios. 
El portfolio. 
Presupuesto sin compromiso y el equipo.
De un vistazo
Qué tiene cada web.
Si buscas algo concreto, mira en qué proyecto está y ábrelo: cada capacidad se explica dentro de su caso.
| Capacidad | Del Vecchio | Pandora | El Gran Catering | Pixformat | Landscaping (demo) |
|---|---|---|---|---|---|
| Varios idiomas | No | 6Pandora6 | 2El Gran Catering2 | No | No |
| Catálogo con precios | No | InmueblesPandoraInmuebles | MenúsEl Gran CateringMenús | No | No |
| Buscador con filtros | No | SíPandora | No | No | No |
| Cuenta y favoritos | No | SíPandora | No | No | No |
| Página por ciudad | No | No | SíEl Gran Catering | No | No |
| Formulario de contacto o presupuesto | ConsultaDel VecchioConsulta | Por inmueblePandoraPor inmueble | Evento y llamadaEl Gran CateringEvento y llamada | No | PresupuestoLandscaping (demo)Presupuesto |
| No | No | SíEl Gran Catering | No | No | |
| Asistente IA | SíDel Vecchio | No | No | No | No |
| Preguntas frecuentes | SíDel Vecchio | No | SíEl Gran Catering | SíPixformat | SíLandscaping (demo) |
| Blog o guías | No | Guía y blogPandoraGuía y blog | BlogEl Gran CateringBlog | GuíasPixformatGuías | No |
| Galería de trabajos | No | No | GaleríaEl Gran CateringGalería | No | PortfolioLandscaping (demo)Portfolio |
| Modo oscuro | SíDel Vecchio | No | No | No | No |
| Procesado en el navegador | No | No | No | SíPixformat | No |
Preguntas
Lo que suelen preguntar al ver estos proyectos.
Y si tu duda es otra, escríbeme: te respondo yo.
¿Por qué hay una demo entre los proyectos?
Porque enseña algo que los otros cuatro no cubren: cómo quedaría la web de un negocio de servicios locales, con servicios, trabajos terminados, equipo y presupuesto. Está marcada como demo en todas partes y sus datos de contacto y opiniones son de ejemplo.
¿Qué es Pixformat y qué hace aquí?
Es una herramienta mía: un conversor de imágenes gratuito que trabaja en el navegador, sin subir archivos. Está aquí porque demuestra que puedo construir aplicaciones completas, no solo páginas, y porque me obliga a estar al día de cómo funciona la web por dentro.
¿Cuánto costaría una web como estas?
Cada proyecto tuvo su alcance, así que no hay un precio por proyecto. Hoy una landing page a medida cuesta 1.000 € y una web corporativa 2.500 €, + IVA. Todos los precios son cerrados, sin IVA (21 %), y se fijan por alcance, no por horas. Si lo tuyo se parece más a un buscador de inmuebles o a una carta con carrito, te lo presupuesto por escrito antes de empezar.
¿De quién es la web cuando está terminada?
Del cliente. El dominio y el hosting se contratan a su nombre y le entrego todos los accesos: si algún día quiere trabajar con otra persona, no depende de mí.
Siguiente paso
¿La siguiente es la tuya?
Cuéntame qué hace tu negocio y te digo qué web necesita, cuánto cuesta y en cuánto tiempo la tienes.
Pedir presupuesto