¿Cómo evalúa una empresa que realiza la conversión de PSD a HTML / CSS?

En primer lugar, las empresas no deberían convertirse a HTML / CSS directo a menos que esto se solicite específicamente por algún motivo. La mayoría de los clientes desean la administración de contenido, por lo que no tienen que contratar a un desarrollador cada vez que desean cambiar la redacción o agregar algún contenido.

Por lo tanto, la conversión debe ser de PSD a un tema CMS personalizado, o si está en WordPress, a un tema secundario de una de las plantillas predeterminadas para que los scripts se actualicen en el futuro, manteniendo el sitio seguro incluso si el desarrollador desaparece.

Otras cosas para verificar:

  • Ya sea que usen métodos arcaicos como cortar * shudder * o realmente creen el diseño usando código, con solo elementos gráficos no codificables como imágenes.
  • Qué tan cerca el sitio web en vivo coincide con el diseño.
  • Si tiene o no todas las características solicitadas, y esas características funcionan correctamente

Si sus sitios web se validan o no con W3C [1]

  • Si es HTML / CSS directo, todas las páginas deberían validarse, al igual que los archivos CSS.
  • Si se trata de un CMS como WordPress, debe pasar por el validador limpio o con solo un par de errores de etiqueta

    , esto es del editor de WordPress que agrega etiquetas de párrafo al código, a veces no perfectamente. Por lo general, no vale la pena intentar perseguirlos a todos, siempre que el resto del código sea correcto.

  • Todos los archivos CSS deben validar [2]

Además de estos, deberían poder proporcionar referencias de su lista de clientes, no su mamá y su mejor amigo. Clientes reales Verifique estas referencias y asegúrese de que sean legítimas.

Notas al pie

[1] Servicio de validación de marcado

[2] Servicio de Validación CSS

  • Puede verificar la calidad de su código a través del Servicio de validación de marcado, consulte su cartera.
  • Verifique la velocidad de carga de la página con PageSpeed ​​Insights. Esta herramienta le informará sobre problemas normales y críticos en el marcado de su página.
  • El resultado final coincide con el diseño que ha creado en Photoshop o Sketch.
  • Su sitio web debe funcionar en todos los principales navegadores (IE9 + / Mozilla Firefox / Chrome / Edge).
  • Su sitio web debe funcionar con capacidad de respuesta en cualquier tamaño de pantalla y dispositivo móvil, ya que hoy en día la mayoría de los usuarios provienen de dispositivos portátiles, recomiendo utilizar una herramienta como ¿Soy receptivo?
  • Finalmente, algunas compañías como Front End Machine – PSD a HTML / WordPress sin problemas ofrecen una conversión de página GRATUITA totalmente gratuita para asegurarse de la calidad de su código y el rendimiento de la página web antes de realizar un pedido.

Espero que mi respuesta te ayude 🙂

He hecho algunas de estas conversiones en el pasado, lo principal de lo que siempre me ocupé fue la calidad del código.

El código que sale debe ser lo más corto posible, compatible y accesible.

Ahora estamos en la era de las conexiones web súper rápidas, pero aún así, el código corto siempre será mejor. Significa que en el futuro si se agregan otras cosas, ya tiene una línea de base baja.

El cumplimiento garantiza que el diseño se verá igual en todos los navegadores compatibles.

La accesibilidad significaría que el código puede leerse mediante tecnología de asistencia y que un usuario puede cambiarlo si el diseño no es legible (tamaño / color de fuente). Esta parte depende del resumen, ya que puede haber un público objetivo específico donde las restricciones de diseño no permiten mucha accesibilidad. Pero, de nuevo, hacer que un diseño complejo sea accesible es donde radica el desafío.