Proyecto Landing Page Multi-idioma

Clase 5 de 19 • Curso de Figma Avanzado

Clase anteriorSiguiente clase

Abiel Oswaldo Robledo Montoya

student•

Dejo mi diseño de Landing page. es uno muy básico! Espero sea lo necesario.

Julio Servan

teacher•

Se ve muy interesante! Felicidades

Katerine Acosta

student•

Hola una pregunta, las ilustraciones las hiciste? o son de algún lugar en específico? gracias.

Alejandro Díaz

student•

Yo hice esta landing page para la agencia de un amigo mío, me esforcé muchísimo ¿Qué les parece? :D

Mónica Contreras Pazo

student•

Se nota el esfuerzo, Iván. Me encanta que sea limpio y con enunciados claros. Menos es más, sobre todo, si es una landing page. Felicidades.

Guzman Geraldine

student•

https://www.figma.com/proto/TtfmfsrQJyJsaqv0DwJUda/TRANSITAR-DE-NARI%C3%91O-(Copy)?node-id=146%3A869&starting-point-node-id=146%3A869

Este proyecto tienen muchos errores, pero fue mi primera web completa. No soy diseñadora.

Julio Servan

teacher•

Está muy bien para empezar Geraldine! Es muy importante seguir practicando para mejorar! Cada dia serás mejor!

Bryan C. Orellana

student•

No es una landing page como tal, pero lo construí en Figma usando auto layouts.

Link de prototipo: https://www.figma.com/proto/O2GpbtgUn52gFr7DMdolUw/100-paginas?page-id=114%3A137&node-id=528%3A1722&viewport=341%2C48%2C0.06&scaling=scale-down-width&starting-point-node-id=528%3A1722

Sura Naileth Cedeño Lopez

Team Platzi•

Te quedó muy bien Bryan , me encantó

Pedro Terrada Consegliere

student•

Está genial!

Armando Moreno

student•

Hice la landing page de Spider-Man: No Way Home, suponiendo de que Marvel tuviese su propia aplicación web de streaming.

Mis diseños aquí: https://dribbble.com/ArmandoMoreno

Yusting Andrés Mora González

student•

Pero si tienen Disney +, también puede que esté en HBO MAX, o en start +.

Igual, buen diseño, solo falta que el logo de marvel no pierda contraste con ese negro.

Diego Perdomo

student•

¡Te quedó muy pro!

Paolo Carrion

student•

Este es el link a una landing page que estuve creando, denle una chekeada, use muchas de las nuevas funcionalidades que trajo figma: / https://www.figma.com/community/file/1037383793773514540/Logistic-Landing-Page /

Bryan C. Orellana

student•

Buen diseño. Te aconsejo separar en una página los componentes. para tener todo mas organizado ✌️

JAIRO SALAZAR CASTAÑO

student•

Genial!

Valentina Monsalve Ortiz

student•

Es de mis primeros proyectos de práctica, es un Rediseño.

Juan Manuel Zúñiga

student•

Hola, esta es una propuesta de informe digital que realicé en figma hace poco.

https://www.figma.com/proto/DyzoYkfv0v9QkQcRouqtLi/Informe2021?scaling=min-zoom&page-id=0%3A1&starting-point-node-id=9%3A32&node-id=9%3A32

Larry Junior Cruzado Vela

student•

Francisco Muñoz Vidal

student•

https://www.figma.com/proto/tckeHAQdOA4HrSfKaGuEvm/Untitled?page-id=0%3A1&node-id=0%3A1&viewport=-858%2C-1691%2C0.5&scaling=min-zoom

JAIRO SALAZAR CASTAÑO

student•

Genial!

Sheila Suárez Rodriguez

student•

este es mi landing page , un proyecto en el que estoy con mi equipo ![Desktop - 1.png] (https://static.platzi.com/media/user_upload/Desktop%20-%201-36a32e1c-f3ee-46b0-8030-d6c6b4c57c0b.jpg)

Giovanny Gómez

student•

Alex Ruiz

student•

Les comparto mi landing page, es un rediseño sutil de Linkedin

Sheila Suárez Rodriguez

student•

Pedro Isaac Aguilar

student•

¿Cuál es la diferencia entre una landing page y el home de un sitio web?

Tania Sosa

student•

¡Hola Pedro! 😄

La principal diferencia entre home y landing page es el objetivo de cada una de ellas.

La función de la home page es ofrecer un directorio con todo lo que ofrece tu sitio web. Mientras, el objetivo de la landing page es generar leads o conversiones (capturar datos de posibles clientes o realizar una venta rápida)

Normalmente, al crear campañas de pago, o acciones en redes sociales, se dirige el tráfico a una landing page creada para un fin en concreto. Puedes tener tantas landing pages como acciones de marketing digital realices.

Mientras que home sólo tienes una y aquí es donde llega el usuario que te ha buscado, bien porque ya te conoce o bien porque está buscando algo relacionado contigo.

Nunca pares de aprender 💚

Bryan C. Orellana

student•

Puedes abrir el enlace en las lecturas recomendadas? Me parece que esta fallando.

Sura Naileth Cedeño Lopez

Team Platzi•

Hola :D El de este clase si lo pude abrir es este

Anthony Ismael Manotoa Moreno

student•

Hola :)

Como que se queda en blanco por un ratito, pero si te esperas unos segundos ya funciona ;)

Jenny Portilla

student•

https://www.figma.com/file/q9HuHGBJFMVCqgUhwd1WPc/practica%2Fplatzi-web?type=design&node-id=0-1&mode=design&t=GmUMjHJwthPnqYh6-0

Andrea del Pilar Villada Toscano

student•

Dejo mi propuesta de diseño de landing page. Agradezco sus retroalimentaciones. https://www.figma.com/proto/FsAK1CXzhIczNiceJiBxzj/PRUEBA-UI-UX?page-id=5%3A3&type=design&node-id=5-6&viewport=-296%2C344%2C2.26&scaling=scale-down

Muchas gracias

Didier Enrique Contreras Sanchez

student•

https://www.figma.com/file/YJIrq14TAeWcA2eAMPCMMe/landing-page?node-id=0%3A1&t=CclhbSYOhnQ70k76-1

Nico Levy

student•

Subo mi trabajo de Landing. Diseñe una landing page y el logo para una empresa ficticia de alquiler de motos. Saludos!

Proyecto Landing Page Multi-idioma

Introducción y community

Hemos actualizado el curso de Figma Avanzado

Introducción y bienvenida

Figma community: conoce, comparte y remixea

Platzi Card Community

Proyecto Landing Page Multi-idioma

AutoLayout y Variants

¿Qué es y por qué es importante el AutoLayout?

AutoLayout: dirección, paddings, resizing y constraints

AutoLayout dentro de AutoLayout

Variants de 0 a 100

Variants: complejos

Design Systems

Introducción a los sistemas de diseño

Sistemas de diseño en Figma

Prototipado

Construcción de pantallas

¿Qué son los Interactive Components?

Interactive Components avanzados

Plugins

Mejores Plugins

Plugins: multi-lenguaje y diseño dinámico

Despedida

Despedida

Autoevaluación del Curso de Figma Avanzado