zuri-training / Team_37_my_debtors

CoDebt
MIT License
0 stars 3 forks source link

Alerts/notification, spacers, student profile and team documentation #22

Open ChidinmaOkafor opened 2 years ago

ChidinmaOkafor commented 2 years ago

Added task: Guardian profile, sign in & sign up screen, design process. Converted desktop screens to mobile screens.

Ibk2022 commented 2 years ago

https://www.figma.com/file/5ehfXWhC91HWzjmQ98rpfJ/DUPLICATE-my_debtors-product-design-(Copy)?node-id=1%3A3

I worked on the student and the guardian profile respectively. Getting the details that should be contained in a guardian profile seems difficult since we are dealing with a debt recovery platform. But after a series of brainstorming, I eventually came up with details fitting the profile.

Ibk2022 commented 2 years ago

https://www.figma.com/file/5ehfXWhC91HWzjmQ98rpfJ/DUPLICATE-my_debtors-product-design-(Copy)?node-id=0%3A1

I worked on the Alert/Notification and spacers for the team style guide.

ChidinmaOkafor commented 2 years ago

Add a comment with the links to the other tasks assigned that have been completed

Ibk2022 commented 2 years ago

https://www.figma.com/file/5ehfXWhC91HWzjmQ98rpfJ/DUPLICATE-my_debtors-product-design-(Copy)?node-id=1%3A3

I designed the sign in and sign up screen for both School Admin and Guardian. Here users get to log in based on their status with mixing things up. The problem here at first was side-by-side input fields padding which was corrected after which the supervisor made his comment on the screen.

Ibk2022 commented 2 years ago

https://www.figma.com/file/5ehfXWhC91HWzjmQ98rpfJ/DUPLICATE-my_debtors-product-design-(Copy)?node-id=1%3A3

I converted Admin contend desktop screen, Guardian contend desktop screen, the guardian desktop profile, to mobile screen

Ibk2022 commented 2 years ago

https://www.figma.com/file/5ehfXWhC91HWzjmQ98rpfJ/DUPLICATE-my_debtors-product-design-(Copy)?node-id=1%3A3

Redesigned the Contact Us screen as the initial screen was not well detailed in terms of color contrast and images among other things that were needed on the screen.

Ibk2022 commented 2 years ago

https://docs.google.com/document/d/1p3N4vIWGuOBo4bcpeKoOfnKYE97JQiSpNLvBXDbReLM/edit?usp=sharing

Documented the team user research plan and each interview sections

Ibk2022 commented 2 years ago

https://www.figma.com/file/5ehfXWhC91HWzjmQ98rpfJ/DUPLICATE-my_debtors-product-design-(Copy)?node-id=1%3A2

converted the admin dashboard, student profile, landing page, sign in & sign up, guardian upload, and contact us screens to low-fi for both desktop and mobile