Una Landing Page Sencilla

Tabla de Contenidos

• Introducción
• Desafíos
• Proceso
  • Paleta de colores y estilos
  • HTML y CSS
  • Sitio web responsivo
  • Publicación del sitio
• Información Técnica
• Recursos

Introducción

Esta es una landing page para el lanzamiento de un nuevo producto o servicio, construído con HTML y CSS. El proyecto 12 parte del reto personal #100sitioswebchallenge

Puedes visualizar el sitio en: LP Sencilla

Desafíos

Quería hacer una landing page muy sencilla como referencia futura para cuando se está contruyendo el sitio web de un producto o servicios y quieres empezar con la colección de correos, para futuros clientes interesados.

Proceso

Paleta de colore y estilos

Paleta de colores: #FFFFFF #096C00

Tipografía: 

• Roboto

Mockup (Bosquejo)

Para el bosquejo, uso Figma.

HTML y CSS

Una vez con el bosquejo listo, se empieza el proceso de maquetación, para posteriormente terminar con los estilos.

Sitio web responsivo

Esta es la vista del sitio en móvil.

Publicación del sitio

Consulta el código del sitio en Github

Puedes visualizar el sitio en: LP Sencilla

Información Técnica

• Visual Studio Code
• HTML5 (Semántico)
• CSS (Flex)
• Sitio responsivo
• Github
• Netlify

Recursos

• Figma

Deja tus comentarios y sugerencias.