Landing Page Sencilla para Aplicación Móvil

Esta es una landing page sencilla para aplicación móvil, con el propósito de descargar la aplicación desde una plataforma web.

Este es el octavo sitio parte del reto personal #100sitioswebchallenge

Puedes encontrar el código del proyecto en línea: App Landing Page

DESAFÍOS

Este sitio fue sencillo, sin menú, sólo una landing page.

Me fue muy útil usar el recurso de Smartmockups para pegar una ilustración dentro de un iPhone X.

Tengo que tener cuidado con los anchos de imágenes, sobre todo cuando contiene sombras, porque el ancho puede tener más cuando ilustrativamente se muestra como transparente.

PROCESO

Paleta de colores y estilos

Paleta de colores: 2F2D38 F0112B DEDEDE 3351A6 por colours.cafe

Tipografía: Montserrat

Ícono para estrellas: Font Awesome

Mockup (Bosquejo)

El bosquejo lo hice a través de la herramienta Figma, usando algunas propiedades que esta misma herramienta ofrece para el diseño.

HTML y CSS

Visualización del sitio básico antes y después de CSS.

Sitio web responsivo

El sitio quedó listo para visualizarse en móviles si es el caso, también se puede observar en el video anterior.

Publicación del sitio

Puedes consultar el código en GitHub: App Landing Page

Información técnica

  • Figma – Diseño de bosquejo
  • VS Code
  • HTML5 (Semántico)
  • CSS
  • Sitio responsivo
  • Github

Esta es una landing page sencilla para aplicación móvil, pienso hacer otros sitios con más secciones manteniendo una visualización sencilla.

Déjame tus comentarios y sugerencias de ideas para crear más sitios.

NEWSLETTER

Suscríbete a Sencillamente Web

Reflexiones sobre desarrollo web

Contenido Relacionado

Sitio Web de Boda – Dark Mode

Sitio Web de Boda – Dark Mode

Tabla de contenidos Introducción Proceso Paleta de colores y estilos HTML y CSS Sitio web responsivo Publicación del sitio Información técnica Recursos Introducción Este sitio estilo One Page está maquetado con HTML y estilizado con CSS, así como el uso de flexbox...

Sitio Web de Boda

Sitio Web de Boda

Tabla de contenidos Introducción Proceso Paleta de colores y estilos Bosquejo HTML y CSS Sitio web responsivo Publicación del sitio Información técnica Recursos Introducción Este sitio estilo One Page está maquetado con HTML y estilizado con CSS, así como el uso de...

Sitio de Vestido de Novias – Pink

Sitio de Vestido de Novias – Pink

Tabla de contenidos Introducción Proceso Paleta de colores y estilos HTML y CSS Sitio web responsivo Publicación del sitio Información técnica Recursos Introducción Este sitio estilo One Page está maquetado con HTML y estilizado con CSS, así como el uso de flexbox...