De Figma a código
Your design turned into a real website, faithful to the original. No approximations, no "that can't be done".
El diseño era eso, y la web es otra cosa.
Pagaste un diseño que te encantó, lo aprobaste pantalla por pantalla y lo que ha salido no es eso. Las tipografías no son las mismas, los márgenes bailan y la sección que en Figma respiraba ahora va apretada. Cuando lo comentas, la respuesta es que en web no se puede hacer igual.
Sí se puede. Lo que pasa es que la parte cara del trabajo está en lo que el archivo no dice: qué ocurre a 390px de ancho, cómo se ve un botón cuando lo pulsas, qué hace ese bloque cuando el texto es el doble de largo. Si nadie decide eso, lo decide el navegador por su cuenta.
What's included
Tienes el diseño hecho y necesitas que exista. Lo convierto en web real —WordPress o React, según dónde tenga que vivir— respetando tipografías, espaciados y estados, y resolviendo lo que el archivo no contempla en lugar de simplificarlo por el camino.
- Revisión del archivo de Figma antes de empezar, con la lista de lo que falta por definir.
- Maquetación fiel al diseño en tipografías, escalas, espaciados y color.
- Sistema de componentes reutilizables en lugar de páginas copiadas y pegadas.
- Todos los estados: reposo, hover, foco, activo, error y vacío.
- Adaptación a móvil y tablet resuelta contigo cuando el diseño solo cubre escritorio.
- Animaciones e interacciones descritas en el diseño, implementadas en código.
- Marcado semántico, jerarquía de encabezados y foco visible en todo lo interactivo.
- Entrega en WordPress editable o en React, según dónde tenga que vivir el diseño.
- Repaso final comparando pantalla a pantalla contra el archivo original.
How I work
- 1
We talk
You tell me what you need and by when. I tell you if I can and what it costs.
- 2
Design
You see how it will look before it exists. Changes happen in Figma, not in production.
- 3
I build
Development with check-ins along the way. No disappearing for three weeks.
- 4
Delivery and upkeep
I hand it over working and I'm still here when you need me.
Frequently asked questions
Related projects
Your project starts with a message
Tell me what you need. I reply the same day.
Also on Instagram: @aimran_ouk