¿Cuál es su experiencia creando sitios web profesionales y potentes de aspecto elegante?

He trabajado en sitios web con presupuestos de más de $ 50,000 y, en mi experiencia, la profesionalidad va de la mano con su proceso.

Proceso

Si desea que el sitio termine siendo profesional, su proceso debe ser profesional en la forma en que aborda el proyecto. Esto significa hacer las preguntas correctas, venir preparado a las reuniones y dar retroalimentación honesta y directa.

Los sitios web profesionales generalmente se ven profesionales porque fueron primero, diseñados por un diseñador. En segundo lugar, fueron desarrollados por un desarrollador web adecuado. Tercero, fueron probados y revisados ​​muchas veces antes de salir en vivo. Todo esto retroalimenta al proceso.

Marca / Guía de estilo web

Una clave importante para mantener la marca y la coherencia del diseño en la web (además de involucrar a un diseñador) es tener una marca o una guía de estilo web. Tanto Uber como Mozilla tienen excelentes guías de estilo.

Estas guías de estilo dictan cosas como opciones de color, opciones de fuente, tamaños de fuente, espaciado, qué hacer y qué no hacer con el logotipo, etc. Una guía de estilo puede ser una excelente base para que un sitio web se vea consistente. El diseño consistente se leerá como profesionalismo.

Cuando aborda un proyecto con el proceso correcto y se toma su tiempo para resolver cosas como una guía de estilo de marca, puede resolver muchas cosas que se habrían convertido en problemas más adelante. Su guía de estilo actúa como un conjunto rígido de reglas para su sitio. También puede ser una gran herramienta para que las personas dentro de esa compañía entiendan las pautas de marca de su compañía.

Más allá del diseño (desarrollo de sitios profesionales)

Desde el punto de vista del desarrollo, la codificación de un sitio profesional significa que tiene la capacidad de crear en código lo que el diseñador hizo en Photoshop. No solo eso, sino también para crear código limpio que sea fácil de entender y reutilizable. A menudo escuchará sobre la metodología DRY (No se repita).

Existen muchas herramientas excelentes para ayudar a los desarrolladores a crear sitios profesionales eliminando parte del trabajo preliminar. Herramientas como sistemas de cuadrícula o kits de interfaz de usuario. Un kit de interfaz de usuario y un sistema de cuadrícula bastante famosos es Bootstrap. Estas herramientas lo ayudan a hacer que su sitio tenga un diseño más consistente y le brinda una cuadrícula que se puede utilizar para que el sitio responda. Un sitio web receptivo reacciona al tamaño de pantalla de los usuarios y presenta el sitio web correctamente para todos los tamaños de pantalla. Aquí hay un ejemplo animado:

Nuevamente, la clave aquí es el proceso que tomas. Para mí, como desarrollador web, se trata de tener un proceso que produzca resultados consistentes y profesionales. Use herramientas que lo ayuden a escribir código limpio, optimice su código y busque siempre formas más eficientes de resolver problemas cotidianos. Configure un proceso que le permita producir trabajo profesional de forma regular.

Terminando

En mi experiencia, entregar un sitio web profesional tiene que ver con el proceso. Involucre a las personas adecuadas en el proyecto que sean diseñadores / desarrolladores / comercializadores profesionales, etc. El proceso debe tratarse profesionalmente para que el resultado se reciba como profesional en mi experiencia.