Página Web para Tienda de Sillas

Tabla de Contenidos

Introducción

Este es una página web estilo One Page, la cuál está maquetada con HTML y estilizada con CSS, este proyecta usa Flexbox para la estructura de su sitio. El sitio número 10 parte del reto personal #100sitioswebchallenge

Puedes visualizar el sitio en: Chairs

Desafíos

Este proyecto está basado en el diseño de Allah Rakha, me llamó mucho la atención la parte minimalista, pero sobre todo la estructura del contenido un poco en mi opinión no ortodoxo. Quise aplicarlo a mi proyecto donde se podía ver el producto individual seguido por texto. Sin duda el uso de flexbox en clases globales hace que los recursos sean más sencillos y fáciles de usar.

Proceso

Paleta de colore y estilos

Paleta de colores: #000000 #FFC038 #FFEBC0

Tipografía: 

Mockup (Bosquejo)

Para el bosquejo, uso Figma.

HTML y CSS

Junto con el bosquejo, empiezo a crear la maquetación del sitio, para posteriormente continuar con los estilos en CSS.

Sitio web responsivo

Esta es la vista del sitio en aparatos móviles

Publicación del sitio

Consulta el código del sitio en Github

Puedes visualizar el sitio en: Chairs

Información Técnica

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

Recursos

Deja tus comentarios y sugerencias.

NEWSLETTER

Suscríbete a Sencillamente Web

Reflexiones sobre desarrollo web

Contenido Relacionado

Landing Page para Negocio

Landing Page para Negocio

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 Esta es una landing page para el lanzamiento de un nuevo producto o servicio, construído con HTML y...

Una Landing Page Sencilla

Una Landing Page Sencilla

https://www.youtube.com/watch?v=AotDOfaKss0 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...

Página Estilo One Page

Página Estilo One Page

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 es una página web estilo One Page, la cuál está maquetada con HTML y estilizada con CSS, este...