De Sketch/XD a HTMLMaquetación desde diseño

Su diseño de Sketch o XD montado en HTML y CSS: una página a partir de mesas de trabajo exportadas, con versión para móvil

Suele estar listo en 15 minutosCambios incluidosControl de calidad
Paquetes
Protección de pagoDetalles
  • Los cambios dentro del paquete son gratuitos.
  • Si no responde en los 3 días siguientes a la entrega, el trabajo se acepta automáticamente.

El dinero queda reservado al pagar y solo se libera cuando usted acepta el trabajo.

Su diseño de Sketch o XD montado en HTML y CSS: una página a partir de mesas de trabajo exportadas, con versión para móvil

Ejemplo de resultado

Ejemplo del paquete Estándar

Página de inicio de una clínica dental creada a partir de su diseño

Antes: el diseño que envió el cliente

El diseño de la página de inicio

Después: la página funcionando

Archivos: un archivo ZIP con index.html, los estilos y 2 imágenes para la página, listo para subir al hosting del cliente. Las imágenes de aquí son capturas de pantalla de la página.

Cliente: Bright Smile Dental. Tarea: convertir el diseño de la página de inicio en una página HTML que funcione, con la misma estructura, los mismos colores y textos, y botones de cita que llaman a la clínica.

El cliente y todos los datos son ficticios.

Acerca de este servicio

Algunos diseños siguen guardados en archivos de Sketch o Adobe XD difíciles de abrir sin la aplicación, y la página nunca llegó a montarse. Exporte las mesas de trabajo como PNG y súbalas, y las montamos en HTML y CSS: las mismas secciones, cuadrícula, colores y botones, con texto real, además de una versión para móvil hecha a partir de la mesa de trabajo de escritorio cuando no hay una para móvil. No podemos abrir archivos .sketch o .xd, enlaces en la nube ni prototipos, así que lo que no se vea en la exportación va en el brief. Las fotos y los iconos se dibujan de nuevo en el mismo espíritu, salvo que los exporte y los suba por separado. Sin animaciones, back end, CMS ni hosting.

Qué incluye

  • Qué recibeUn archivo ZIP con las páginas, los estilos y las imágenes, listo para subir a su hosting, y una vista previa de cada página en la página del pedido.
  • A partir de sus mesas de trabajoSecciones, espaciados, colores y tamaños de letra tal como se exportaron
  • Versión para móvilHecha a partir del diseño de escritorio cuando no tiene uno para móvil
  • Texto realTitulares y párrafos en HTML que los buscadores pueden leer
  • Sus imágenesLas fotos, los iconos y el logotipo exportados por separado se usan tal cual
  • Código limpioHTML y CSS sencillos, sin frameworks, sin nada cargado desde otros sitios

Cómo funciona

  1. 1
    ExportaciónUsted exporta las mesas de trabajo como PNG y las sube con sus notas
  2. 2
    CreaciónMontamos las páginas y dibujamos las imágenes que faltan
  3. 3
    Vista previa y archivoUsted compara las páginas con su diseño en ordenador y en móvil, descarga el archivo y pide cambios dentro de su paquete

Qué necesitamos de usted

Hasta 5 imágenes en PNG, JPEG o WebP: mesas de trabajo exportadas de Sketch (la sección Export del Inspector) o de XD (Archivo > Exportar > Seleccionado), una página por archivo, a 1x o 2x, y, si lo desea, fotos, iconos o su logotipo exportados por separado. Indique qué mesa de trabajo corresponde a qué página, las fuentes, los estados que no se vean en la exportación, como un menú abierto, y adónde lleva cada botón. No archivos .sketch ni .xd.

Le preguntaremos:

  • ¿Qué mesa de trabajo corresponde a qué página?
  • Fuentes del diseño
  • Cambios respecto al diseño antiguo
  • ¿Adónde lleva cada botón?
  • ¿El diseño es suyo?

Comparar paquetes

PaquetesBásico1 mesa de trabajo, hasta 5 secciones21 US$Estándar1 mesa de trabajo, hasta 10 secciones39 US$PremiumHasta 3 mesas de trabajo67 US$
Plazo1 día2 días3 días
Cambios123
Páginas113
Seccioneshasta 5hasta 10hasta 8 por página
Ilustraciones dibujadas para la página24—
Versión para móvilSíSíSí
Qué subirExportación en PNG de las mesas de trabajoExportación en PNG de las mesas de trabajoExportación en PNG de las mesas de trabajo
Ilustraciones dibujadas para las páginas——6
Hacer pedido BásicoHacer pedido EstándarHacer pedido Premium

Protección de pago

Usted paga al hacer el pedido, pero el dinero solo se libera por un trabajo aceptado.

  • Precio fijoEl precio del paquete no cambia después del pago.
  • El dinero queda reservadoAl pagar, el importe solo queda reservado. Pasa a Dleex cuando usted acepta el trabajo.
  • Revisado antes de la entregaCada resultado pasa un control de calidad antes de llegar a usted, y lo ve en la página del pedido antes de aceptarlo.
  • Cambios gratuitosSolicite cambios dentro de su brief tantas veces como permita el paquete.
  • Aceptación a los 3 díasSi en los 3 días siguientes a la entrega no acepta el trabajo ni solicita cambios, se acepta automáticamente. Si escribe en el chat del pedido después de la entrega, el pedido queda en espera; cuando le respondamos, podremos reiniciar el plazo de 3 días y se lo indicaremos en el chat.
  • Rehacer el trabajo o reembolso totalSi el resultado no se ajusta a su brief y los cambios no lo resolvieron, o el trabajo tarda más del doble de su plazo, escriba en el chat del pedido: rehacemos el trabajo o le reembolsamos el pago íntegro.
Cómo funciona →

Preguntas y respuestas

Ya no tengo Sketch ni XD instalados.

Entonces pida a quien todavía tenga el archivo que exporte las mesas de trabajo, o envíe capturas nítidas del diseño si el texto se lee en ellas. Solo trabajamos a partir de imágenes.

¿Pueden usar mi enlace en la nube?

No, solo trabajamos con imágenes subidas, no con enlaces ni archivos de diseño, y no accedemos a sus cuentas.

¿Coincidirá con mi diseño al píxel?

Será muy parecido en maquetación, colores, tamaños y orden de las secciones, pero no al píxel: las fuentes son fuentes del sistema similares, y las fotos se dibujan de nuevo salvo que suba las suyas. Las rondas de cambios corrigen lo que a usted le importa.

¿Pueden actualizar el diseño antiguo mientras lo montan?

Cambios pequeños de su brief, como un texto, un color o la etiqueta de un botón nuevos, sí. Una nueva maquetación de toda la página es un rediseño, que no forma parte de este servicio: aquí montamos el diseño que envíe.

¿No encontró su respuesta?

Paquetes