Somos un grupo de amigos que decidimos agruparnos para hacer un trabajo práctico destinado a mostrar cómo armar una página web
Bautista Ayarza
CEO & Co-founder
Maximo Szymuda
CEO & Co-founder
Santiago Córdoba
CEO & Co-founder
Trabajo
Este es un paso a paso de cómo fuimos haciendo la web, desde el mockup hasta la optimización de imágenes
1. Boceto de la página web
Al enfrentarnos al desafío de diseñar la estructura de nuestra página web, el enfoque se basó en la simplicidad y la accesibilidad. Queríamos crear una experiencia que no solo destacara los aspectos fundamentales de nuestro grupo, sino que también guiara a los usuarios a través de nuestro proceso de trabajo. Para el armado del boceto utilizamos Excalidraw.
2. Imágenes y optimización de imágenes
Una vez que teníamos el boceto de la página lista, pasamos a pensar qué imágenes íbamos a utilizar para acompañar a la información de la página. Y cuando tuvimos todas las fotos listas en una carpeta, pasamos a optimizarlas en Photoshop.
3. Maquetado de la página
Ahora sí pudimos pasar al código. Nos organizamos para poder escribir un poco de código cada uno y comenzamos a imitar lo que habíamos hecho en el boceto.
4. Diseño y estilos
Una vez listo el maquetado, pasamos a ponerle color a nuestra página porque se veía muy cuadrado y desordenado al principio. En este paso también surgieron algunos retoques, nos ayudamos con flaticon para agregar iconos y algunas imágenes de pinterest para terminar de darle un mejor estilo al diseño de la página
Contacto
Para más información sobre cómo armar una página web o consultas, dejamos este formulario para que puedan hacer sus preguntas.
