m_design
El sitio que estás recorriendo ahora mismo. Diseñado y prototipado en Figma y Framer, y después programado a mano y publicado en Vercel.
- Cliente
- Marca propia
- Alcance
- Sitio de varias páginas en inglés y español
- Stack
- HTML · CSS · JavaScript · Vercel
- Servicios
- Dirección creativa · Diseño web · Desarrollo · Redacción
- Sitio publicado
- martinmalandra.com
Resumen
A veces uno es su propio cliente más exigente. Cuando el proyecto es tu propia marca, nada parece estar listo nunca: un ajuste más en el layout, una vuelta más al texto, una tipografía más para probar. Cualquiera que trabaje en algo creativo conoce la sensación.
Este sitio es el resultado de un largo proceso de exploración, conceptualización y pruebas, hasta que estuvo listo para publicarse.
El proyecto
La dirección creativa tardó en definirse. Empezó como una pila de referencias, moodboards e ideas a medias que tiraban para lados distintos. De a poco fue quedando afuera lo que no encajaba, hasta que lo que quedó fue más simple y mucho más claro.
El otro desafío fue poner en palabras la propuesta: diseño web y gráfico white label para agencias. Trabajo hecho detrás de escena, para que el equipo de la agencia lo entregue con su propio nombre.
En algún momento, terminado tuvo que ganarle a perfecto. El sitio salió publicado.
Qué hice
- Dirección creativa: referencias, moodboards y concepto visual
- Diseño y prototipado en Figma y Framer
- Desarrollo programado a mano en HTML, CSS y JavaScript, sin frameworks ni constructores de páginas
- Versiones completas en inglés y español, con detección automática de idioma
- SEO técnico: metadatos, datos estructurados, sitemap y hreflang
- Accesibilidad: navegación con teclado, foco visible y respeto por la reducción de movimiento
- Hosting y publicación en Vercel
Resultados
Resultados de laboratorio de Google PageSpeed Insights, octubre de 2026:
- Lighthouse, escritorio: Rendimiento 100 · Accesibilidad 93 · Prácticas recomendadas 100 · SEO 100
- Lighthouse, mobile: Rendimiento 88 · Accesibilidad 92 · Prácticas recomendadas 100 · SEO 100
- Largest Contentful Paint: 0,7 s en escritorio · 3,6 s en mobile, con una conexión 4G lenta simulada
- Cumulative Layout Shift: 0 en escritorio y mobile
- Total Blocking Time: 0 ms en escritorio y mobile
Ver el informe de PageSpeed (se abre en una pestaña nueva) ↗
OhCool.ca