Su diseño en HTML y CSS: una página a partir de su captura o maqueta, con versión móvil

Ejemplo de resultado

Ejemplo del paquete EstándarVer completo

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

Antes: el diseño que envió el cliente

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

Tiene un diseño y lo necesita como una página que funcione. Suba capturas de pantalla o exportaciones en PNG de su maqueta de Figma, Photoshop, Canva o cualquier otra herramienta, y la construimos en HTML y CSS: las mismas secciones en el mismo orden, la misma disposición, los mismos colores y el mismo aspecto, con texto real en lugar de una imagen de texto. Las páginas son adaptables: si su diseño solo tiene versión de escritorio, creamos a partir de ella la versión móvil, con menú para móvil. Las fotos e ilustraciones de la maqueta se dibujan de nuevo con el mismo espíritu, o se usan sus propias imágenes si las sube por separado. Recibe un archivo comprimido con las páginas, los estilos y las imágenes, listo para su hosting, y una vista previa de cada página en la página del pedido. No podemos abrir los archivos de Figma, PSD, Sketch o XD en sí: exporte las pantallas como imágenes. Las animaciones, el back end, una tienda o un CMS no forman parte de este servicio.

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.
• Fiel a su diseñoSecciones, disposición, colores y fuentes como en su maqueta
• Versión móvilCreada a partir de un diseño de escritorio si no tiene uno para móvil
• Texto realTítulos y párrafos en HTML que los buscadores leen
• Imágenes en su sitioDibujadas de nuevo con el espíritu de la maqueta, o las suyas
• Código limpioHTML y CSS sin más, sin frameworks, nada cargado desde otros sitios

Cómo funciona

1. 1
   SubidaUsted sube las pantallas de su diseño e indica qué va en cada sitio
2. 2
   ConstrucciónConstruimos las páginas y dibujamos las imágenes
3. 3
   Vista previaUsted las compara con su diseño en ordenador y en teléfono
4. 4
   ArchivoUsted descarga el archivo y pide cambios dentro de su paquete

Qué necesitamos de usted

Hasta 5 imágenes en PNG, JPEG o WebP: las pantallas de su diseño, una página o una pantalla larga cada una, con nitidez suficiente para leer el texto y, si quiere, su logotipo y sus fotos para usarlos tal cual. Indique qué archivo corresponde a cada página, los textos si difieren de la maqueta y sus datos de contacto y enlaces. No archivos de Figma, PSD, Sketch ni XD: exporte las pantallas como imágenes.

Le preguntaremos:

• ¿Qué archivo corresponde a cada página?
• ¿Los textos deben ser exactamente como en el diseño?
• Enlaces, contactos y botones
• ¿El diseño es suyo?

Comparar paquetes

Preguntas y respuestas

¿No encontró su respuesta? Pregúntenos