A continuación se muestra el resultado esperado de la aplicación con las correcciones aplicadas.
-
Pantalla 1
Pantalla con defectos actuales:
A continuación se presenta un desglose de los puntos a corregir:
-
La imagen principal no se visualiza correctamente, el equipo desea que se muestre tal cual al diseño final de la App.
-
Los bordes del Frame deben ser redondeados y hacer ovarlaping con la imagen principal. Actualmente no estan de esa manera.
-
Es necesario agregar estilos a las imágenes de bloque "Feature controls".
-
El equipo no a podido agregar los botones superiores. Por tanto, necesitamos que sean agregados los botones de:
- Featured
- Like
- Share
- Buton inferior de cifras
Y que estos sean agregados como se muestra en la imagen presentada a continuación:
-
Recuadro del vendedor
-
Actualmente no se muestra la foto, por lo que se requiere que se vea como el siguiente diseno:
-
Además, actualmente tenemos un fondo diferente al deseado y no se muestra el texto de abajo.
-
-
Botón de Message
- Esta cuadrado, se requiere bordes redondeados.
- Tiene el texto agregado, sin embargo este no se puede visibilizar, se requiere mostrarlo con color de letras blancas.
-
-
Pantalla 2
Pantalla con defectos actuales:
A continuación se presenta un desglose de los puntos a corregir:
Card de viviendas:
-
Se requiere agregar la información de las tarjetas en una lista que se alimente de la clase Building. Como se muestra en el siguiente ejemplo:
-
En la columna donde se indica el texto “Betterhome”, se necesita lo siguiente:
- La palabra Betterhome debe estar con un color de texto #2a295f.
- El punto “.” debe de estar en color rojo.
- Todo esto debe estar estar declarado en un Label único.
-
El icono de la cama y el precio, deben estar alineados como se muestra a continuación:
- Debes agregar el estatus de la vivienda, como el ejemplo de Premium mostrado a continuación:
- Es necesario agregar estilos a las imágenes de bloque Feature controls.
Esta UI fue inpirado en el diseño Real estate app de Dribble.
-
