Saltar al contenido
Experiencias 3D Accesibilidad Blog Hablemos
EN (English)

Javier Piedra · Diseño y desarrollo web

La parte difícil de la web.

¿Quieres 3D en tu web, pero te da miedo que vaya lenta y que Google te castigue? ¿Te preguntan si cumple la ley de accesibilidad y no sabes qué contestar? Las dos cosas tienen solución, y ninguna viene en una plantilla. Empieza por la tuya:

Experiencias 3D Accesibilidad web
Ver la versión 3D

Ver la versión 3D

Relieve: MDT25 © Instituto Geográfico Nacional. Agua: © colaboradores de OpenStreetMap.

Elige tu caso

¿Cuál de las dos te suena?

Son dos problemas distintos, con soluciones distintas. Elige el tuyo: en su página tienes cómo lo resuelvo y pruebas que puedes abrir en tu móvil.

  • Quieres 3D, pero temes que hunda tu web

    Cerámica, piedra, mobiliario, museos y turismo

    Te suena si…

    • Piensas que el 3D pesa tanto que tu web tardará una eternidad en cargar.
    • Te han dicho que Google lo penaliza y que perderás visitas.
    • Has visto webs 3D preciosas que en el móvil se quedan colgadas.

    Se construye para el móvil desde el principio y se mide antes de entregar: Inside the Frame, una sala 3D entera, saca 99–100 de rendimiento en el móvil. Y Google lee todo lo importante, porque también va en texto.

    Ver experiencias 3D

  • Te piden que tu web cumpla la ley

    Tiendas online, reservas, servicios y administraciones

    Te suena si…

    • Te preguntan si tu web cumple la Ley 11/2023 y no sabes qué contestar.
    • Alguien intenta comprarte y no puede: un formulario que no va con teclado, un botón sin nombre.
    • Te han ofrecido un plugin que lo arregla todo con un clic. No lo arregla.

    Audito tu web con WCAG 2.2 AA, te digo qué falla y a quién deja fuera, y lo arreglo si quieres. Con los precios publicados.

    Ver accesibilidad web

¿Las dos a la vez? Pasa más de lo que parece: un catálogo 3D también tiene que poder usarlo cualquiera. Cuéntamelo

Tus dudas

Lo que te frena, resuelto de serie.

Vengas por el 3D o por la accesibilidad, estas cuatro cosas van incluidas.

  • ¿Irá lenta?

    No tiene por qué. Se carga solo lo que hace falta y se mide en un móvil de gama media. Inside the Frame, con su sala 3D, saca 99–100 de rendimiento en el móvil.

  • ¿Se verá bien en el móvil?

    Se diseña primero para el móvil y se prueba a 320 píxeles de ancho y con la letra ampliada. Si algo no cabe, se reordena. No se esconde.

  • ¿La podrá usar cualquiera?

    Con ratón, con el dedo, con teclado y con lector de pantalla. Con WCAG 2.2 AA, que cubre lo que hoy exige la ley, y comprobado a mano, no solo con herramientas.

  • ¿Me hundirá en Google?

    Google no mira dentro del 3D: lee texto. Así que lo importante va también en HTML, con su título y su descripción. El 3D va encima del texto, no en su lugar.

Proyectos

No te lo cuento. Pruébalo.

Dos proyectos propios en vivo y un caso real de accesibilidad. Ábrelos en el móvil y prueba también con el teclado.

Cuadrícula de VETA con muestras de mármol, terrazo, granito y madera ordenadas por tono.
Experiencia 3D · Concepto propio

VETA, atlas de superficies

Para quien vende superficies y oye «en la foto parecía otro color». 48 acabados que se comparan por tono y textura, con una luz que se mueve para distinguir pulido, mate y estructurado. Se elige antes de pedir muestras. Y cumple WCAG 2.2 AA: se recorre con teclado y con lector de pantalla.

  • WebGL 2
  • Catálogo de producto
  • WCAG 2.2 AA
Abrir VETA (se abre en una pestaña nueva) Leer su ficha de accesibilidad
Portada del informe de accesibilidad con la marca de Javier Piedra.
Accesibilidad · Caso real

Auditoría de una gran web turística

Para quien necesita saber si su web cumple y qué le falta. Una gran web pública con reserva online, auditada criterio a criterio con WCAG 2.1 AA, a mano y con lector de pantalla real. El método y lo que recibe el cliente, sin nombres.

  • WCAG 2.1 AA
  • UNE-EN 301 549
  • Lector de pantalla
Ver el caso (se abre en una pestaña nueva)
SOBRE MÍ

Hablas con quien lo construye.

Sin comerciales ni intermediarios: lo diseño, lo programo y lo pruebo yo. Si algo falla, no hay nadie a quien pasarle la pelota.

Vengo de la Ingeniería en Topografía y de trabajar en fábricas. De ahí saqué dos costumbres que se notan en tu web: medirlo todo, y no dar nada por bueno hasta verlo funcionar fuera de la pantalla del diseñador.

Por eso pruebo en móviles de gama media y no solo en el mío, con teclado y con lector de pantalla, y te enseño los números. Y por eso, antes de auditar la web de nadie, audité la mía.

Si tienes algo así entre manos, hablamos.

El camino hasta aquí

  1. Topografía Ingeniería en Topografía: medir, calcular y ser preciso.
  2. Fábrica Peón en fábricas: ver cómo funcionan las cosas de verdad.
  3. Desarrollo web Juntar la precisión técnica con resolver problemas prácticos.
  4. Hoy Experiencias 3D y accesibilidad: la parte difícil de la web.
Perfil real del terreno, con el MDT25 del IGN: 6,7 km y 1238 m de desnivel. Mi trayectoria también ha sido cuesta arriba.
CONTACTO

¿Tienes algo difícil entre manos?

Cuéntame qué tienes y qué te preocupa: que va lenta, que no sale en Google, que te piden cumplir la ley o que tu producto no luce en fotos. Te digo si puedo ayudarte y cómo. Sin compromiso, sin PowerPoints, sin humo.

Te respondo en menos de 24 horas. Días laborables.

Disponible para nuevos proyectos