Categories

Tipografía — Composición

¿Una buena forma de impactar a mis clientes?

Para el análisis pedido elegimos como interfaz digital un sitio web de una diseñadora freelance llamada Elvina Prasad de la ciudad de Vancouver, Canadá. Fue creada recientemente, en el año 2022, teniendo como función principal ser un portfolio profesional, presentando algunos de sus tantos trabajos que ha realizado en los años, de esta manera la página web está destinada exponer sus trabajos realizados y que futuros clientes tengan tanto como acceso para que puedan ver sus capacidades diseñando en varias áreas del diseño, como contacto directo para contratar sus servicios.

A partir del eje compositivo estudiaremos la totalidad de la interfaz desde una mirada tipográfica y visual. Comenzando por los elementos, vemos que la pantalla principal está compuesta por plenos de color blanco y negro, omitiendo por completo los colores y generando un alto contraste visual. Por otro lado, tenemos la tipografía, tres palabras con un cuerpo de texto a gran escala alineados tanto a la izquierda como a la derecha. También, se observa a medida que uno scrollea la página web imágenes de sus trabajos aportando algo de color a la interfaz. Sin embargo, la propuesta estética sigue siendo el color como elemento secundario, teniendo a la tipografía como el principal. Se utilizan pocas misceláneas, son líneas de poco grosor y estructuran la composición y guían a la navegación por la web.

La tipografía seleccionada fue la Helvética, una sans serif con excelente legibilidad y sin ornamentos que puedan interferir en la lectura. Entrando más en la historia de la helvética, nos traslada al estilo tipográfico internacional, donde dicha tipografía fue diseñada en los años ´60, ya que encontramos relación en la disposición de los elementos, sin cargar mucho la pieza total, la objetividad y la facilidad de lectura para cualquier persona, el claro uso de una grilla donde a partir de la tipografía como elemento principal organiza la totalidad de la pieza.

Ya que la tipografía es lo principal, la diseñadora aprovecha al momento de jerarquizar tamaños de cuerpo grandes para diferenciar secciones o el menú. Observamos que la densidad de información es prácticamente baja, está relacionado a como usa estratégicamente la tipografía y al empleo de imágenes, lo tomamos como algo positivo para el destinatario para que no se distraiga y logrando una comunicación sea clara. 

El sitio presenta una pequeña animación en la pantalla principal descubriendo la tipografía. En un primer ingreso a la página, las palabras se encuentran alineadas a la derecha y también a la izquierda, a medida que el usuario scrollea hacia abajo se observa cómo las palabras van desplazándose hacia el centro, en este caso la decisión está bien justificada ya que estas palabras explican una idea de centro. Siguiendo con las animaciones, al clickear uno de sus trabajos, en la sección de proyectos, se despliega una pequeña previsualización de los diseños que ha realizado.

Es interesante cómo utiliza la tipografía para presentarse ante los destinatarios, sintetiza en palabras lo que más la identifica, en tamaños de cuerpo grande y para destacar una palabra en especifica la escribe en variable bold. 

El dinamismo con la interacción del usuario es fundamental, se presentan en gráfica, el cursor adopta un lugar en el sitio, siendo un círculo negro que a medida que se recorre la tipografía, interviene en contraste por donde el usuario va moviendo su cursor, y generando la variable en bold para indicar que ese texto funciona como link a otra página del sitio.

Concluimos que no hay una gran innovación desde un punto de vista tipográfico, sin embargo, vemos que es perfectamente funcional y cumple su objetivo de impacto para que su portfolio sea atractivo y, a partir de las herramientas que proporciona el diseño, se mantiene un tono profesional/formal a lo largo de toda  la interfaz, aportando un dinamismo y a su vez, una imagen personal aportada por la voz que toma en alguno de sus textos, mencionando en su contenido aspectos que la construyen a nivel personal.