Estilos y ejemplos
Mejor tocarlo que imaginárselo
Aquí hay catorce webs de ejemplo, completas y navegables. No son capturas: puedes abrirlas, moverte por ellas y rellenar los formularios. Mira cuál se parece más a lo que tienes en la cabeza y dímelo, que es la forma más rápida de entendernos.
Los negocios y las parejas de los ejemplos son inventados: los nombres, los precios, los teléfonos y las direcciones. Están ahí para que veas la estructura y el aire de cada estilo, no para hacerlos pasar por clientes reales.
Otras formas de armar una web
Los nueve de abajo comparten esqueleto y cambian de piel. Estos cinco cambian el esqueleto: cómo se navega, qué se pone delante y si la web es un documento o una herramienta.
Producto en funcionamiento
Carta digital No es una demo
Para hostelería no hay maqueta que valga: esto ya existe y está funcionando en restaurantes de verdad. Carta por QR y NFC, alérgenos, nueve idiomas y panel para editarla desde el móvil.
Ir a escaneatucarta.comSe pasa de lado
Portfolio horizontal
Scroll en horizontal con snap, flechas del teclado y barra de progreso. Para fotógrafos, arquitectos o cualquiera cuyo trabajo se vea, no se lea.
Abrir el ejemploMosaico · sin hero
Rejilla modular
Piezas de distinto tamaño, cada una autosuficiente: próxima clase, horario, cuota, mapa. Para quien viene a consultar un dato, no a leer.
Abrir el ejemploCartel · dos tintas
Serigrafía
Tipografía descomunal, piezas giradas que se solapan y una marquesina. Sin tarjetas ni sombras: composición. El más gritón de los catorce.
Abrir el ejemploMapa primero
Mapa y listado
Sincronizados en los dos sentidos: pasas por una casa y se ilumina su chincheta. Cuando lo que decide la reserva es dónde está.
Abrir el ejemploAsistente por pasos
Reserva guiada
La web no lleva a la reserva: la web es la reserva. Cuatro pasos, panel fijo de resumen y precio que se actualiza al vuelo.
Abrir el ejemploBodas
Los tres llevan lo mismo dentro: confirmaciones con alergias, autobús, código de vestimenta, cómo llegar y regalo. Cambia el temperamento.
Clásico · formal
Pazo
Simétrico y centrado, con filetes dorados y tipografía con serifa. El de siempre, bien hecho: pazos, iglesias, bodas de etiqueta.
Abrir el ejemploBotánico · de campo
Botánico
Alineado a la izquierda, con arcos, verdes y barro. Para bodas al aire libre, en finca, de día y sin corbatas.
Abrir el ejemploEditorial · urbano
Editorial
Sin color, todo escala tipográfica. Es el más atrevido de los tres. Para bodas de ciudad, en nave, fábrica o azotea.
Abrir el ejemploClínicas y profesionales
Los tres tienen cita online, equipo, servicios y horarios. Lo que cambia es qué tipo de confianza transmiten.
Limpio · sanitario
Clara
Mucho blanco, azul de clínica y formas redondeadas. El más limpio de todos. Para dentistas, oftalmología, análisis.
Abrir el ejemploCercano · humano
Cálido
Lino, salvia y serifa. Menos hospital y más consulta de barrio. Para fisios, psicología, logopedia, nutrición.
Abrir el ejemploElegante · oscuro
Premium
Penumbra, bronce y mucho espacio vacío. Para medicina estética, dermatología, clínicas privadas de precio alto.
Abrir el ejemploNegocios y comercios
Aquí lo que más cambia es qué se pone primero: el horario, las cifras o los precios. Depende de qué venga buscando tu cliente.
Cercano · de toda la vida
Barrio
Con el horario y el «abierto ahora» arriba del todo, que es lo que la gente busca. Para panaderías, tiendas, peluquerías, floristerías.
Abrir el ejemploSobrio · corporativo
Sobrio
Rejilla estricta, cifras alineadas y tablas de verdad. Para asesorías, despachos de abogados, ingenierías, consultoras.
Abrir el ejemploContundente · industrial
Taller
Mayúsculas, amarillo de señalización y precios grandes por delante. Para talleres, gremios, reformas, transporte.
Abrir el ejemploNinguno me encaja
Estos nueve son un punto de partida, no un catálogo cerrado
Si has llegado hasta aquí y ninguno te convence, es buena señal: significa que tienes claro lo que quieres. Se puede hacer desde cero, con tus colores, tu logo y tu tipografía. También se puede mezclar: la estructura de uno con el aire de otro.
Y si lo que tienes no es una idea sino una referencia — una web que te gusta, unas invitaciones ya diseñadas, la imagen de tu marca — mándamela y trabajo a partir de ahí.