Colaborative Design Practise - Task 4: Finalize

   Week 9 - 11

Justin Averill Prasetya / 0355048
CDP / BDCM / The Design School
Task 4 - Finalize


INSTRUCTIONS




Finalizing
After the prototyping, we decide to finalize the app and incorporate design assets to make it consistent. We also want to make it more formal and professional looking but keep it interesting and appealing to the youngsters

Fig 1.1.1

Also, we changed the color from light blue or dark blue to incorporate both to balance it without making light or dark mode. For the example here's the after we apply all of these assets and colors into our app design.
Fig 1.1.2

We also change the CTA button color and format to the darker blue color as well to make it blend in with the design 
Fig 1.1.3

We also apply an illustration to make the ui less dull and we make it suitable for the app's purpose
Fig 1.1.4

Final Outcome

Homeowner's UI Screens 
Onboarding Pages 


Log In/Sign Up Pages 




Homepage

Project Dashboard Pages + Project Detail Pages


Message & Updates Pages 


Payment Pages 

Profile Pages
Fig Profile pages comparison previous vs new design



Contractor Review
Review and comments page exploration

   

Contractor's UI Screens






Fig Making components progress

Interactions for Homeowner Screens

Interactions for Contractor Screens 


Final App Prototype 

Figma Working Screen Link here
Figma Prototype Link here


Presentation

Comments

Popular Posts