DIW - Diseño Interfaces Web Práctica 2

Prototipo creado en base al wireframe desarrollado en Práctica 1

( https://github.com/4Heber/DIW-Wireframe )

📑 About

Creación de un prototipo web basado en el desarrollo del wireframe planteado para la práctica 1 de Diseño de Interfaces Web.
El tema principal que engloba el proyecto es la cración de una plataforma de 'crowdfunding'.
Para organizar el desarrollo y hacer un seguimiento detallado del progreso se ha creado en la plataforma de Trello un tablero con los pasos y estados del proyecto:

Enlace al tablero

🎨 Guía de estilo - Paleta de colores

Muestra - 01

Muestra - 02 & 03

✒ Guía de estilo - Tipografía

📱 El diseño orientado a 'Mobile first'

Mobile First es una filosofía o estrategia que se basa en un objetivo claro: el móvil tiene que ser el primer dispositivo que se a de tener en cuenta a la hora de diseñar una página web.
Es decir, hay que priorizar aquellos contenidos y/o funcionalidades que son imprescindibles para el usuario y desechar todo lo demás. Una vez esto, es cuando se empieza a pensar en la optimización para el resto de resoluciones mayores, como tablets y ordenadores.

👀 Capturas de las principales vistas en dispositivo móvil ( modelo base - iPhone 11 Pro Max 414 x 896 )

Landing-page mobile view - Projects mobile view - Menu active mobile view

Landing-page mobile steps section - Landing-page mobile cards section - Landing-page mobile footer section

Start fundrising mobile step 1 - Start fundrising mobile step 2 - Start fundrising mobile step 3 (funcional)

Start fundrising mobile step 4 - Start fundrising mobile step 5 - Start fundrising mobile step 6

⛏️ Built Using

• HTML
• CSS
• SASS
• JS
• Typed.js - Landing-page cursor animation
• Google fonts - Specific fonts
• Font awesome - Icons