Siguiendo con el otro curso que estoy haciendo en paralelo, en esta sección me tocó crear una maqueta de un sitio web ficticio, utilizando el programa Figma, creando el prototipo claro.

Es la primera vez que utilizo dicho programa, y tiene una cantidad de herramientas muy útiles para crear todo tipo de prototipos. Primero antes de comenzar, aprendí a crear la paleta de colores que se utilizan en el proyecto y una rejilla (grid) para el diseño de la página web.

Luego utilizando herramientas como el auto layout, hice el menú superior compuesto por el logo, los textos del menú y un botón de claro/oscuro. Después el banner compuesto por una imagen, un título, subtítulo y botones.

Posteriormente hice la sección de mis clientes, utilizando textos y los logos de marcas ficticias.

Ya la siguiente sección del sitio es la de mis trabajos, compuesto principalmente por textos, botones y por supuesto los diferentes trabajos con fotos hechos a modo de ejemplo.

Casi finalizando, esta sección está compuesta por una descripción acerca de, y un formulario de contacto con sus respectivos campos.

Ya finalizando esta página, la última sección es la del pie de página, con botones para redes sociales y el copyright.

Me divertí bastante creando este prototipo con Figma, ahora lo siguiente es hacerlo en el modo oscuro.

¡Más avances dentro de poco!

Aquí la página completa: