Portafolio para Diseñador UI/UX

Este es un ejercicio estilo Portafolio One Page construído con HTML y CSS (Flex). El proyecto número 13 del proyecto #100sitioswebchallenge

Puedes visualizar el sitio en: Portfolio UI/UX Designer

DESAFÍOS

Aún no domino la parte del borde para tipografías, este fue un proyecto interessante.

PROCESO

Paleta de colores y estilos

Paleta de colores: FED206 FFE87C 000000 FFFFFF

Tipografía:

Oswald de Google Fonts

Mockup (Bosquejo)

Este es el bosquejo del sitio construído en Figma

HTML y CSS

Este es l proceso del sitio donde maqueto primero con HTML y posteriormente trabajo los estilos con CSS

Sitio web responsivo

Esta es la vista del sitio en móviles

Publicación del sitio

Consulta el código del sitio en Github

Puedes visualizar el sitio en: Portfolio UI/UX Designer

Información técnica

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

Recursos

Unsplash

Deja tus comentarios y sugerencias.

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...