CodeandoMexico / terremoto-cdmx

Respuesta rápida ante el terremoto de la CDMX
https://sismomexico.com.mx
MIT License
119 stars 104 forks source link

Eliminar corazón rosa y la barra negra #239

Closed yosoyrbk closed 7 years ago

yosoyrbk commented 7 years ago

Siendo disenador, quiero hacer Eliminar corazón rosa y la barra negra para poder mejorar la interfaz para moviles, tambien agregar botones de quiero y necesito

Descripción del problema:

Pasos para reproducir:

Resultado obtenido:

Resultado esperado: Que la interfaz movil sea mas efectiva

Entorno:

baezor commented 7 years ago

Yo me puedo encargar de esto

baezor commented 7 years ago

¿Debe quedar así @yosoyrbk ? screenshot 2017-09-23 22 21 19

yosoyrbk commented 7 years ago

Muchas gracias Baezor!!

baezor commented 7 years ago

pero, ¿si está bien? para mandar el PR.

yosoyrbk commented 7 years ago

Se podría centrar el texto en la franja rosa?

baezor commented 7 years ago

está centrado, ¿no?, o ¿a qué te refieres?

NotZombieFood commented 7 years ago

yo creo que si la idea es que se vean los botones, tendrían que hacerse un poco más pequeño el logo para que si se pudieran ver en la pantalla

jrmm22 commented 7 years ago

Se refiere a centrado verticalmente en la pantalla

NotZombieFood commented 7 years ago

el texto está centrado pero no se ve completo el div

yosoyrbk commented 7 years ago

Listo!

baezor commented 7 years ago

Creo que acabo de tener una bonita idea, estamos desperdiciando espacio con el logo, y podríamos reestructurar para que los principales CTA queden a primer vista. Ahorita les mando screenshot

gilfranfer commented 7 years ago

La idea era dejar en el Header, las ligas a Quiero Ayudar y Necesito Ayuda... Dónde estaba el corazón rosado. No sé cómo se vería y si entre

baezor commented 7 years ago

Esta es mi propuesta, para que los botones que importan, estén a primera vista, sino, manden propuestas y lo hacemos screenshot 2017-09-23 22 58 08

gilfranfer commented 7 years ago

Se ve bien. La pregutna ahora es... El cambio en el tamaño de la primer sección será solo para la versión Movil, mientras la Web normal conserva su tamaño original?. Has probado moviento los botones al top de la seccion rosada, antes de los textos que robas espacio?

jrmm22 commented 7 years ago

A mi me gusta esa version que mandaste. Insisto, yo no soy disenador ni se de eso, simplemente me interesa que los botones salgan al inicio (para que si alguien necesita ayuda no tenga que buscar en la pagina). Creo que ya que estas moviendo eso en el diseno podrias resolver el issue 250 (Cambiar necesito ayuda antes de quiero ayudar)

gilfranfer commented 7 years ago

Si, a mi tambien me gusta esa version, solo quiero saber si se va a afectar el tamaño de la primera sección en web tambien, o solo seria en Mobile. Y tambien poniendo los botones antes del texto puede darle otro toque que valdria la pena revisar.

baezor commented 7 years ago

@jrmm22 también me interesa que los CTA que nos importan sean de mayor prioridad. @gilfranfer

  1. Sí, esto se vería nadamas en mobile.
  2. ¿te refieres a mover los botones antes que el texto?, deja le muevo y vemos.
baezor commented 7 years ago

con los botones arriba de texto: screenshot 2017-09-23 23 15 16

gilfranfer commented 7 years ago

Me agrada esa version. Como dice @jrmm22 ahi mismo puedes poner el de Necesito Ayuda primero, para cerrar el otro issue de una vez. Ese cambio de orden tambien iria en el footer.

NotZombieFood commented 7 years ago

me agrada esta última :)

jhovanarivas commented 7 years ago

30779392-1cf63c4e-a0b5-11e7-8a4d-511ba5907ff8

gilfranfer commented 7 years ago

Si estaría bien quitar el salto de línea, pero solo para mobile.

baezor commented 7 years ago

Listo los cambios!, gracias a todos!. screenshot 2017-09-24 00 13 00