Lo que se necesita para hacer un gran sitio web de diseño gráfico

Como diseñador gráfico, se espera que usted tenga un gran sitio web, lo que es una mierda si tiene una inclinación más artística que técnica, y no tiene la cantidad de dinero necesaria para contratar a un desarrollador web realmente bueno y profesional. ayudarte.

No importa lo inepto que pueda sentirse al codificar una página web, lo único que no debe hacer es usar una plantilla de sitio web genérica para mostrar sus habilidades de diseño gráfico. Lo que una plantilla literalmente le grita a su audiencia es una serie de adjetivos incompatibles como:

  • ¡Perezoso!
  • ¡No imaginativo!
  • ¡No creativo!
  • ¡Poco original!

Estas no son palabras que los diseñadores gráficos deberían querer tener asociadas entre sí. Entonces, hagas lo que hagas, nunca tengas un sitio web que se parezca demasiado a los de cualquier otra persona, y especialmente no utilices las plantillas comúnmente disponibles, o incluso un diseño similar, porque existe una gran posibilidad de que las personas las hayan visto antes. Eso marcará la diferencia en la cantidad de clientes que obtiene a través de su sitio.

¿Deberías tener un sitio? Sí, de hecho deberías. Un sitio web puede conseguirle el trabajo que nunca esperó, y ayuda cuando está lanzando a alguien porque puede referirlo a su sitio. Además, si no los remite a su sitio, se preguntarán por qué no, porque todos los diseñadores con los que hablaron tenían un sitio web.

En este artículo, analizaremos algunas de las cosas que puede hacer para asegurarse de que su sitio web se destaque del resto. Y no se preocupe si "no es bueno con las computadoras" porque le explicaré cómo hacer cualquier cosa realmente difícil de la manera más simple posible.

1. Asegúrese de que su diseño sea relevante de alguna manera para quién es usted y lo que es.

Esto será cierto ya sea que sea un operador solitario o un miembro de un equipo de profesionales que trabajen juntos como un estudio. Su sitio web debe ser sobre usted y su identidad o imagen, y debe crearse para su público. El motivo del énfasis en esas palabras en particular es que las personas a menudo olvidan de qué se trata el sitio web y para quién está destinado. El "para y sobre" es una parte muy importante de la decisión de diseño, tal vez incluso la parte más importante.

Aquí hay un ejemplo de un sitio que lo hace bien:

Entonces, ¿por qué es ese el enfoque correcto? Bueno, para empezar, me dice quién es él (Rodrigo Breckenfeld), qué hace (diseño gráfico y desarrollo frontal), y por qué debería interesarme en él (desarrolla visuales simples y comunicativos + interfaces amigables para el usuario (sic) y esas cosas).

Sabemos que es brasileño, por lo que podemos pasar por alto el error gramatical accidental. No dijo que era escritor, sino que era diseñador. Lo importante es que él me dice la mayor parte de lo que necesito saber, y eso me lo dice visualmente, pero no sin palabras.

No puedo subrayar lo importante que es eso. Nunca realice un sitio web que se base completamente en imágenes (al menos no si lo está haciendo usted mismo o si tiene la intención de que forme parte de su cartera). Los diseñadores perezosos y temerosos están impulsando los sitios web basados ​​en carruseles en los fabricantes de empresas que no conocen nada mejor, pero usted, como diseñador real, debe saberlo mejor.

Aquí hay un ejemplo de un sitio que hace exactamente lo contrario de lo que estoy aconsejando:

¿Por qué creo que este es el enfoque equivocado? Porque no puedo decir de un vistazo quiénes son, qué hacen o por qué debería interesarme. Para obtener la primera pista, tengo que mirar la parte inferior de la página, siempre el peor lugar para poner cualquier cosa que necesite ser notada. De inmediato me dan una impresión equivocada sobre esta empresa. Sí, son creativos y un poco diferentes, pero me están dificultando las cosas porque me obliga a mirar alrededor del diseño para encontrar información.

Su diseño también está ocupado. Demasiadas imágenes hacen que la mente trabaje más, y ese es el caso especialmente cuando todas las imágenes no están relacionadas entre sí de manera obvia. A la gente simplemente le gusta que las cosas se conecten, y cuando no lo hacen, se siente incómodo y discordante. Cuando algo que miramos tiene sentido, nos hace sentir más cómodos.

Sin embargo, el problema principal es que no hay palabras donde se necesitan palabras. Esto significa que el sitio no tiene ningún mensaje y nada que realmente me enganche a menos que yo ya sepa quiénes son, o me parece que una de las imágenes es tan absolutamente cautivadora que solo tengo que averiguar más al respecto. Y es una pena, porque las fotos son realmente excelentes. Los ELI son claramente excelentes en lo que hacen (mejorando digitalmente las fotos). Pero en mi opinión, eso necesita ser comunicado más efectivamente que simplemente mostrándome los resultados de su trabajo.

Finalmente, echemos un vistazo a un sitio que cayó en algún lugar en el medio:

Cuando entras en este sitio por primera vez, te enfrentas a la imagen ligeramente inquietante de este tipo que te mira en silencio y luego parpadea muy lentamente. Eso es bastante bueno porque mucha gente sentirá curiosidad por lo que está pasando y querrá saber más. Aunque no sabemos mucho sobre Michael en este punto, aparte de su aspecto, está bien. Puede suspender la regla "de un vistazo" si tiene un gancho fuerte, y este sitio lo tiene.

Desplazándose un poco por la página, podemos ver que nos está mostrando un mensaje:

Genial. Ahora sabemos quién es, qué hace y por qué deberíamos estar interesados ​​en él. Pero aquí lo que podemos ver es la importancia de no solo usar palabras, sino también usar las palabras correctas de la manera correcta.

Ciertamente, consideraría contratar a Michael como desarrollador, pero la única falla en su mensaje es que no es una comunicación muy efectiva. Me dice las cosas equivocadas de la manera incorrecta, sin realmente inspirarme a descubrir más.

Lo siento, Mike. Es un gran sitio, realmente me encanta la idea creativa que lo respalda, pero hubiera ayudado contar con la ayuda de un escritor profesional o especialista en comunicaciones para ayudarlo a alcanzar la nota correcta en el futuro. No tomes esto de la manera incorrecta. Este tipo es genial, es increíble ... pero quizás no necesariamente como escritor. La verdad sea dicha, escribir sobre uno mismo es una de las tareas más difíciles de abordar, por lo que a veces es mejor entregar el trabajo a otra persona.

Por ejemplo: no es una mala idea mencionar a qué escuela asististe, pero la Universidad Simon Fraser no es lo suficientemente conocida como para que puedas abreviarla como "SFU", excepto cuando hablas con otras personas que fueron allí.

2. Destacarse por las razones correctas.

Su diseño debe ser lo suficientemente diferente y único como para captar mi interés, pero no debería ser tan simple como para agarrar mis retinas solo para sacar la imagen de mi cabeza lo más rápido posible.

El sitio web que presenta es parte de su identidad de marca, ya sea como empresa o como individuo, por lo que desea asegurarse de que la historia que está contando sea la correcta. Cuando se hace bien, el sitio web despierta curiosidad sin crear confusión. Necesitas equilibrar "único" para que se detenga un poco menos que "loco".

Aquí hay un ejemplo de un chico que parece entenderlo:

Ahora, el sitio de Ed es un poco de la vieja escuela, pero está bien porque él mismo parece ser un poco de la vieja escuela, y no hay nada de malo en eso cuando encaja. Idealmente, sería mejor si la página se estirara un poco más para hacer un mejor uso del espacio de pantalla disponible, y no parece ser un diseño receptivo. Eso solo lo beneficiaría, no le quita nada a su mensaje porque no pretende ser un diseñador web. De hecho, deja muy claro que no lo es, porque el menú escrito a mano en la parte superior tiene enlaces a muchos tipos diferentes de trabajo de diseño, pero no a diseño web.

Lo que también plantea otro punto, que es que el uso de todas esas cosas escritas a mano y dibujadas a mano, el estilo del libro de recortes en el papel viejo, es en realidad una forma muy inteligente de mostrar visualmente que está dentro del estilo de diseño de la vieja escuela. Él creará una fuente para ti. Él diseñará un cartel para ti. Incluso puede ser capaz de hacer algunas tarjetas de Navidad realmente maravillosas, hombre. Pero no se trata de tratar de impresionarte con esas cosas sofisticadas de alta tecnología. No quiere decir que no pudo hacerlo, solo que no necesita hacerlo.

Aquí hay otro sitio al que realmente le di un brillo porque es un salto audaz lejos de lo mundano:

Lamentablemente, por alguna razón, decidieron actualizar el diseño completo del sitio, cuando creo que el diseño antiguo era bastante bueno y un enfoque excelente para una pareja casada que trabaja en un negocio. Es cierto que pueden haber sido demasiado autocríticos en sus descripciones de sí mismos, pero esa es la manera australiana. Para ellos, en su país, es un enfoque que probablemente funcione.

La interfaz del sitio es muy simple. Cuando llega por primera vez a la página, se le presenta una réplica de una tarjeta de negocios:

Esto funciona porque satisface a 2 de la Critreria "de un vistazo" de 3 (quiénes son y qué hacen). Es bastante obvio que tendremos que desplazarnos hacia abajo en la página para descubrir la tercera cosa, por lo que debemos preocuparnos. Como dije antes, puedes relajar un poco las reglas si tienes un buen gancho.

Desplácese hacia abajo y verá la sección Mr & Mrs, que nos muestra sus fotos, sus roles individuales en el negocio, y una breve reseña sobre cada uno de ellos, que es lo suficientemente prolija sin ser aburrida, y me gusta que esté narrado en la primera persona. Una cosa tan rara en estos días, cuando a todo el mundo se le dice que no haga eso (por cierto, es un consejo estúpido). A cada lado de la página hay flechas que indican dónde puede encontrar más información, y eso también fue un buen toque, ya que refuerza el mensaje de que hay dos mitades separadas para el todo.

Comenzando por su lado, nos llevan a una página bella y limpia con un estilo visual agradable y una tipografía atractiva:

Desde allí, tiene acceso a su portafolio, información autobiográfica más detallada, su blog, una guía de sus servicios e información sobre cómo comunicarse con ella. Cada una de estas páginas es tan visual como lo que usted esperaría.

La página sobre Mr Mealing, por supuesto, se supone que debe contrastar, por lo que la combinación de colores se invierte en su lado. Echemos un vistazo a cómo se ve la página de Samuel:

Personalmente, estaba un poco menos satisfecho con este porque tenía un aspecto más genérico, pero aún así está muy bien presentado y los colores son efectivos. No es del todo intuitivo que el usuario deba desplazarse sobre las insignias para revelar que representan HTML, CSS y JavaScript. Tal vez solo tengo una mente desviada, pero creo que la de JavaScript no es tan obvia, y en realidad parece una especie de orificio. La página hace un buen trabajo al empaquetar mucha información complicada en un espacio pequeño, y es una pieza de comunicación efectiva. Tal vez decir que eres "bastante bueno" no es lo suficientemente fuerte cuando intentas convencer a alguien para que te dé un concierto, sin embargo.

Ahora que hemos cubierto eso, es hora de abordar el hecho de que también puede sobresalir por las razones equivocadas. Puedes cortar las cosas un poco demasiado cerca de la línea loca. Aquí hay un ejemplo de cómo se ve cuando quizás empujas las cosas demasiado lejos:

Por supuesto, a algunas personas probablemente les va a gustar eso, pero creo que es demasiado diferente. Aquí, la única forma de saber quiénes son es ver esa insignia en la parte inferior de la página, y en cuanto a lo que hacen o por qué debería contratarlos, en realidad solo existe la impresión de que les gusta garabatear cosas.

En caso de que no sea obvio (¡y no lo es!), Se supone que debes hacer clic en el punto rojo. Luego se acercará y reproducirá una animación para ti, proporcionando más puntos para hacer clic. Cada vez que haga clic en un punto y mire la breve animación resultante, aparecerá un enlace junto a la insignia de la marca, que le permite inspeccionar el perfil de Facebook de uno de sus colaboradores.

De alguna manera, sin embargo, como puedes ver, el sitio ganó un premio. Claramente, los jueces no toman en cuenta la utilidad real de la información y si sería o no altamente eficaz para atraer clientes como parte de sus criterios de evaluación.

3. Mantenga sus mensajes simples

Simple, la comunicación es lo que mejor funciona. Aprovecha el espacio visual y comunícate bien visualmente. También debe usar palabras de manera efectiva, para decirle a las personas lo que necesitan saber de la manera más adecuada. No necesariamente tiene que ser breve, y algunas veces es contraproducente ser breve. Pero necesitas ser claro.

Por encima de todo, impresione a la gente porque es impresionante, no porque intente impresionar. Lo que debería suceder es que el espectador debería estar sentado frente a la computadora y sentir que se queda boquiabierto al mirar la pantalla y pronunciar la línea inmortal: “¡Guau, eso es realmente impresionante! ¿Donde esta mi telefono? ¡Tengo que contratar a esta persona!

Si te equivocas, dirán: "¡Ja! ¡Mira a este idiota, tratando de impresionarme con todas esas tonterías de alta tecnología!

Y si te equivocas, dirán: “¡Arrrgh! Esta loca página web con todos los estupendos gráficos, el JavaScript innecesario y las animaciones en Flash, ha acabado por completo con mi CPU. ¡Ahora voy a tener que reiniciar!

No seas ese chico. También evite usar la jerga a menos que sea algo con lo que esperaría que la audiencia esté familiarizada. Por ejemplo, está perfectamente bien usar la abreviatura "PHP" y sería realmente extraño si deletreara las palabras individuales que significa. Por otro lado, si vas a lanzar alrededor de la palabra de moda abreviada del mes como "CTR" y "KPI", no te sorprendas si pierdes la mitad de tu audiencia.

Muchos sitios web, especialmente aquellos en diseño web y SEO, intentan utilizar una jerga empresarial de alto nivel que es simplemente un engaño para los propietarios de pequeñas empresas y se desconectarán. O cuando no se desconecten, serán ese cliente molesto que realmente sabe de lo que estás hablando, aunque no lo hiciste cuando escribiste esa mierda. Así que tampoco hagas eso, porque nada bueno sale de ello.

Siempre respeta a tu audiencia y trátalos como te gustaría que te trataran a ti mismo. No hables con ellos, pero evita ser confuso. Y si es posible, intente alcanzarlos en un nivel emocional o estimular su intelecto, sin que ellos piensen que es un tonto. La comunicación, después de todo, es tanto un arte como una ciencia.

Bogdan Rancea

Bogdan es miembro fundador de Inspired Mag, habiendo acumulado casi 6 años de experiencia durante este período. En su tiempo libre le gusta estudiar música clásica y explorar artes visuales. También está bastante obsesionado con los fixies. Ya es dueño de 5.