¿Cómo debo pensar al diseñar mi sitio web?

Descargo de responsabilidad: no soy diseñador, pero trabajamos en proyectos web que dependen en gran medida del diseño y lo construimos internamente o nos asociamos con agencias creativas o consultores.

Esencialmente, elegir el esquema de color o las imágenes ocurre más tarde en el proceso creativo de lo que la mayoría de la gente supone. Crear un nuevo diseño profesional puede llevar meses de investigación (o incluso más) para satisfacer las necesidades del negocio.

Al final del día, un nuevo diseño está conectado con el negocio: su propia marca (incluido el logotipo existente, material impreso impreso o decisiones existentes que afectarían la identidad corporativa y la marca común), público objetivo, mercado, nicho. Debe cumplir con los estándares de la industria y debe optimizarse para obtener conversiones más altas (junto con un embudo de ventas profesional) como parte de la estrategia general de marketing. Debe ser utilizable (siguiendo las pautas de experiencia del usuario) y apropiado para la personalidad del cliente (sus lectores o posibles clientes).

Estos son algunos principios de diseño descritos en Design by Numbers – Design by Numbers, que también ofrece un extenso curso de correo electrónico gratuito al respecto:

Con todos los que se tienen en cuenta, elegir el color principal debería ser bastante fácil. El siguiente paso a menudo es seleccionar una combinación de colores de un selector de colores como Adobe Color CC usando diferentes reglas o paletas de colores modernas como Google Material Design, una en Color – Style – Material design Guidelines. Es posible que desee conocer otros detalles específicos, como los “colores seguros” para el uso web y similares, es un ensayo útil que cubre algunos de ellos: los colores en el diseño web

Fuentes, elementos, imágenes, transiciones seguirían más adelante.

El diseño depende nuevamente del tipo de aplicación o solución, una vez más cumple con los estándares para la industria dada (los sitios web de los bancos son completamente diferentes de las tiendas de comercio electrónico o las carteras de moda), las ofertas de servicios / productos y la audiencia (adolescentes de 18 años de edad) se utilizan para diferentes diseños en comparación con los ejecutivos corporativos de 50 años).

Si solo está creando una prueba de concepto o un proyecto favorito, le sugiero que profundice en la teoría del diseño y el inbound marketing para empezar. También puede buscar soluciones de creación de carteras de diseñadores en su campo o tomar una plantilla de inicio para jugar.

Cuando se trata de una solución real con la que le gustaría identificarse, promocionar o vender, comuníquese con una agencia creativa, de marketing o técnica que comprenda las implicaciones de construir una plataforma web con un diseño profesional que realmente venda.

La respuesta de Mario Peshev es bastante completa.

La mayoría de los diseñadores no son revolucionarios. Echamos un vistazo a lo que ya existe. Antes de diseñar un sitio, paso muchas horas mirando galerías web.

Realicé capturas de pantalla de cosas que me gustaron y guardo notas sobre animaciones y características que me gustaron. Luego compilo todo en un archivo de texto o un archivo de Excel.

A partir de ahí empiezo a construir en Photoshop o Illustrator.

Es una mala idea programar mientras se diseña porque es simplemente ineficiente. Lo he intentado docenas de veces. Es simplemente muy lento. No deberías tomar decisiones sobre la marcha de todos modos.

La mayoría de los diseñadores tienen algún tipo de técnica que usan para crear iteraciones antes de dejar todo en papel. Mi experiencia es más en desarrollo de contenido, por lo que paso menos tiempo que otros en esta parte. (A veces a mi propio déficit)

En general, hay un historial de cómo debería ser el sitio web. Nunca comienzas desde una pizarra completamente en blanco. Si está vendiendo agua, esperaría que el sitio fuera una mezcla azul / blanco / verde si quisiera refrescarse. Esperaría colores más intensos si fuera una bebida deportiva.

Debes asegurarte de que no esté demasiado lejos del alcance de lo que es normal para esa sección del mercado.

Mi flujo de trabajo de diseño actual es así:

  1. Compile el contenido que es importante incluir y el contenido que debe incluirse.
  2. Compile los colores y diseños existentes de productos o marcas.
  3. Crea un diseño de Photoshop. Proporcionar varias alternativas.
  4. Consulte, discuta y luego comience a programar. Después de programar segmentos, generalmente hay revisiones iterativas más pequeñas que tienen lugar.