Su diseño para móvil montado en HTML y CSS: una página a partir de sus pantallas de móvil que también se ve bien en ordenador

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

Su diseño se dibujó primero para móviles, y lo necesita como una página que se sienta cómoda en la mano. Suba sus pantallas de móvil como imágenes, y las montamos en HTML y CSS: las mismas secciones en el mismo orden, botones lo bastante grandes para pulsarlos, un menú que se abre como en su diseño y texto real que se ajusta a la pantalla. Si también tiene pantallas de escritorio, las seguimos; si no, ampliamos nosotros la maquetación para tabletas y ordenadores, y usted la revisa en la vista previa. Las fotos se dibujan de nuevo salvo que las suba. Trabajamos a partir de imágenes, no de archivos de diseño. Es una página web, no una app, sin animaciones, back end 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 sus pantallas de móvilSecciones, espaciados, colores y tamaños de letra como en su diseño
• También pantallas grandesSu diseño de escritorio, o una maquetación más ancha hecha a partir de la de móvil
• Fácil de pulsarBotones, enlaces y menú del tamaño adecuado para el tacto
• Texto realTitulares y párrafos en HTML que los buscadores pueden leer
• Código limpioHTML y CSS sencillos, sin frameworks, sin nada cargado desde otros sitios

Cómo funciona

1. 1
   SubidaUsted sube sus pantallas de móvil e indica cómo se abre el menú
2. 2
   CreaciónMontamos la página para móviles y la ampliamos para pantallas grandes
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 pantallas de móvil exportadas de su herramienta de diseño, una página o una pantalla alta por archivo, pantallas de escritorio si las tiene y, si lo desea, su logotipo y fotos para usarlos tal cual. Indique qué archivo corresponde a qué página, cómo debe abrirse el menú y adónde lleva cada botón; en el móvil, los botones pueden llamar a un número o abrir WhatsApp.

Le preguntaremos:

• ¿Qué archivo corresponde a qué página?
• ¿Tiene también pantallas de escritorio?
• ¿Cómo se abre el menú?
• ¿Adónde llevan los botones?
• ¿El diseño es suyo?

Comparar paquetes

Preguntas y respuestas

¿No encontró su respuesta? Pregúntenos