Saltar al contenido

Desarrolladora web fullstack

Sitios web bien hechos.

Hola, soy Dana. Diseño y desarrollo sitios y aplicaciones web de principio a fin.

Retrato en pixel art de Dana Hernández con gafas
Pausa o reproduce el retrato animado

Trabajo seleccionado.

Productos que diseñé y desarrollé de principio a fin, desde el primer prototipo hasta la versión que la gente usa todos los días.

  • Espécimen / App 3D interactiva2026

    Configurador de Infraestructura Puntonet

    Una herramienta de ventas en 3D con la que el equipo de Puntonet arma la red de un cliente en vivo durante la reunión, en web, Windows y tablets Android, sin conexión.

    • JavaScript
    • Three.js
    • Modelos glTF
    > Ver caso de estudio
  • Espécimen / Portafolio de diseñadora2026

    Portafolio de Paam

    Un portafolio collage para la diseñadora Paam, hecho en 3–4 días: cada tarjeta se ubica con cinco números, así que el diseño es dirección de arte escrita como datos.

    • JavaScript
    • HTML
    • CSS
    > Ver caso de estudio
  • Espécimen / App web fullstack2024

    Retro Player

    Un reproductor de música fullstack: una app en React, una API en Express, Google Drive para los audios y PostgreSQL (ahora en Supabase) para la biblioteca.

    • React
    • Express
    • PostgreSQL
    > Ver caso de estudio
  • Espécimen / Exposición virtual2024

    Humanimalidad

    Un museo virtual donde seis piezas prehispánicas giran 360° bajo tu dedo, hecho a mano, sin librerías ni modelos 3D.

    • JavaScript
    • HTML
    • CSS
    > Ver caso de estudio

Cómo trabajo.

Seis fases desde la primera llamada hasta el sitio publicado. Cada una termina con algo que puedes ver, y la siguiente empieza solo cuando la apruebas.

Tu aprobación

  1. Fase 01 / 061 semana

    Descubrir

    Una llamada de inicio para definir tus objetivos, tu público y cómo se ve el éxito.

    Tu parte
    Responder un cuestionario corto y una llamada de una hora.
    Recibes
    Brief del proyecto
    > Responder el cuestionario
  2. Fase 02 / 061 semana

    Planear

    Mapa del sitio, estructura de páginas y un plan de contenido, para no diseñar nada dos veces.

    Tu parte
    Revisar el mapa del sitio y reunir tus textos e imágenes.
    Recibes
    Mapa del sitio
  3. Fase 03 / 062 semanas

    Diseñar

    Primero los wireframes, luego el diseño visual completo.

    Tu parte
    Dos rondas de comentarios sobre un prototipo navegable.
    Recibes
    Sistema de diseño
  4. Fase 04 / 062–4 semanas

    Desarrollar

    Aquí el sitio cobra vida: código responsive, CMS e integraciones.

    Tu parte
    Seguir el avance en un enlace de vista previa privado.
    Recibes
    Sitio de vista previa
  5. Fase 05 / 061 semana

    Probar

    Cada dispositivo, la velocidad, la accesibilidad y el SEO revisados antes de que nadie más lo vea.

    Tu parte
    Una revisión final. Lo que no se sienta bien vuelve a desarrollo.
    Recibes
    Informe de QA
  6. Fase 06 / 06Continuo

    Lanzar

    Dominio, publicación y analítica, y luego una entrega para que puedas editar el sitio por tu cuenta.

    Tu parte
    Una sesión corta para aprender a editar tu contenido.
    Recibes
    Sitio publicado + 30 días de soporte

La fase 01 empieza con unas preguntas.

> Empezar un proyecto

Mi stack.

Las herramientas con las que trabajo, desde el primer frame en Figma hasta la base de datos detrás.

Desarrollo / Web

  • HTML5
  • CSS3
  • JavaScript
  • TypeScript
  • React
  • Node.js
  • MongoDB
  • PostgreSQL
  • Git
  • WordPress
  • Webflow

Diseño / Animación

  • Figma
  • Photoshop
  • Illustrator
  • After Effects
  • Animate
  • Audition
  • Character Animator