Su diseño de Photoshop montado en HTML y CSS: una página a partir de su maqueta exportada, con versión para 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

Muchos sitios todavía empiezan como una maqueta de Photoshop, a menudo una mesa de trabajo alta con toda la página. Expórtela como PNG o JPEG y súbala, y la montamos en HTML y CSS: las mismas secciones, columnas, colores y botones, con texto real en lugar de texto dentro de una imagen, y una versión para móvil hecha a partir de la maqueta de escritorio cuando no hay una para móvil. No podemos abrir archivos PSD, así que no se leen las capas, los objetos inteligentes ni los estados ocultos. Las fotos y las ilustraciones se dibujan de nuevo en el mismo espíritu, salvo que las exporte y las suba como archivos aparte. Sin animaciones, back end, tienda, 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.
• Fiel a su maquetaSecciones, columnas, colores y tamaños de letra como en la exportación
• 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 fotos en su sitioExportadas o enviadas como archivos aparte, 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 maquetas como imágenes y las sube con sus notas
2. 2
   CreaciónMontamos las páginas y dibujamos las imágenes que no se enviaron
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: sus maquetas exportadas de Photoshop con Archivo > Exportar > Exportar como, una página por archivo, y, si lo desea, fotos o su logotipo como archivos aparte para usarlos tal cual. Indique qué archivo corresponde a qué página, las fuentes usadas, los textos que difieran de la maqueta, y adónde lleva cada botón. No archivos PSD.

Le preguntaremos:

• ¿Qué archivo corresponde a qué página?
• Fuentes de la maqueta
• ¿Deben ser los textos exactamente como en la maqueta?
• ¿Adónde lleva cada botón?
• ¿El diseño es suyo?

Comparar paquetes

Preguntas y respuestas

¿No encontró su respuesta? Pregúntenos