Caso Nº 10 · Diseño web

Web UX/UI

Sitios que se entienden al primer vistazo, se sienten como la marca y llevan a la persona justo a donde tiene que ir.

Proyectos
Doris Anir · WOW Models
Mi rol
Diseño UX/UI, dirección de arte y desarrollo
Formato
Escritorio y móvil
Herramientas
Claude Code · VS Code · Figma · Photoshop

Diseñar para quien llega.

Cada sitio empieza por una pregunta: ¿qué necesita hacer la persona que entra? A partir de ahí defino la estructura, la jerarquía y los llamados a la acción, y visto todo con la identidad de la marca. Después lo construyo en código con Claude Code, para que lo que diseñé sea exactamente lo que se publica.

Sitio de Doris Anir en laptop y celular

Sitio 01 · Bienestar

Doris Anir

Una coach del alma con clientes en tres continentes necesitaba un sitio que transmitiera calma y confianza, y que convirtiera visitas en citas. Diseñé un recorrido suave, con testimonios a la vista y el botón de agenda siempre a la mano.

  • Arquitectura de información
  • UI
  • Responsive
  • Código
Ver caso completo →
Sitio de WOW Models en laptop y celular

Sitio 02 · Agencia de modelos

WOW Models

Una agencia de alta gama que tenía que mostrar a su talento y, al mismo tiempo, recibir cotizaciones y nuevos aspirantes. Separé los dos caminos desde la portada y dejé que las fotos hicieran el trabajo, con una interfaz sobria y elegante.

  • UX de conversión
  • UI
  • Catálogo de talento
  • Responsive
Ver su identidad →

Mi proceso

De la primera reunión al sitio publicado

  1. Reunión de arranque

    Escucho al cliente: su negocio, su público, sus metas y qué espera del sitio.

  2. Análisis e investigación

    Reviso a su competencia, el mercado y su presencia actual para definir qué necesita el sitio y a quién le habla.

  3. Material e identidad

    Pido todo el material de la marca: brandbook, brochure, formulario de información, fotos y textos. Si no tiene brandbook, lo creo: logotipo, colores, tipografía y tono de voz.

  4. Estrategia y estructura

    Me reúno de nuevo para acordar los cambios, las secciones, el recorrido del usuario y los llamados a la acción.

  5. Diseño de la interfaz

    Diseño cada pantalla en escritorio y móvil a partir de la investigación, cuidando jerarquía, lectura y conversión.

  6. Revisión con el cliente

    Dos reuniones de revisión para ajustar el diseño hasta que el cliente se sienta reflejado en él.

  7. Recursos a la medida

    Si el proyecto lo pide, creo logotipo, ilustraciones, personajes o animaciones propios de la marca.

  8. Desarrollo en código

    Construyo el sitio con Claude Code y VS Code: rápido, responsive y fiel al diseño aprobado.

  9. Pruebas y pulido

    Reviso errores en distintos dispositivos y navegadores, mejoro animaciones, velocidad y detalles finales.

  10. Lanzamiento y seguimiento

    Publico el sitio, entrego accesos y acompaño los primeros ajustes después del lanzamiento.

Con qué lo hago

Lo que puedo hacer por tu marca

Un sitio que trabaje por ti.

Diseño y construyo sitios claros, rápidos y fieles a tu marca, pensados para que la gente te contacte. Del primer boceto al sitio publicado.