Amy
24 upvotes
Hi Everyone! It's my first submission. This was really exciting challenge so I had to do it. I started gathering all the pin points of the users. I also face this kind of problem so it was great to dig in this problem. After gathering all the pin points I structured gathering requirements and then sketching wireframes. Once those are refined I created small design system and jumped to the design with my all crazy ideas. While doing this challenge I discovered many things and tried to implement those. I hope this make sense to you all and one day we could see this in a real world which can solve users problem.
Hi Everyone! It's my first submission. This was really exciting challenge so I had to do it. I started gathering all the pin points of the users. I also face this kind of problem so it was great to dig in this problem. After gathering all the pin points I structured gathering requirements and then sketching wireframes. Once those are refined I created small design system and jumped to the design with my all crazy ideas. While doing this challenge I discovered many things and tried to implement those. I hope this make sense to you all and one day we could see this in a real world which can solve users problem.

Feedback (3)
This design is lovely, so I don't have much to say except a few things. On the Amazon Prime bottom card, a solid-colored CTA and a border stroke button for the secondary button would be the most appropriate thing to do. But wait, is the popup card required? What purpose does it serve? The user anyway clicked to see more details of the subscription and later realized he needed to click one again to go to the desired screen. I also do not get what lowering the bill means, how it would work, also why it is there where it currently is. Wouldn't it distract the user from completing the task of going to subscription details? I think that feature would be suitable to be placed inside the subscription details, where the situation would be that the user sees the whole bill and then comes across lowering the bill. I hope that makes sense. Also, it says '8 inactive' on the last screen, which looks like a button in its inactive state. Am I missing out on something? Anyways, congratulations on submitting your first design. Glad to see both siblings on the platform. I am hoping to see great stuff from you. Good luckk
Thank you for the detailed feedback, Syihan. 1. I agree, the get started or login button should be at the bottom because of our thumb is short and it's very easy to press. I was going more crazy on design side since splash screen should be eye-catchy as well as message conveying. Login button is not white its the darker shade of my design system. FYI - from UX perspective grouped button is really good for the users since they do not have go and find whether they are new user or existing. I think due to the lower quality image you are not able to see colors clearly. 2. Which font size? If you are talking about the top grey information is 16px and the green card one has 14px. I have checked the accessibility contrast and the contrast was fine. So, I would again say the same thing that due to the image quality it's not clearly visible. 3. I agree with you, having label to each input field is the best solution for all time or suing a material design to slide that to the top while user is typing to the input field. But here why I used input field without labels because its very clean design also on mobile application, screen real estate is limited. APPLE also uses label-less input fields for their login. Reason why - for login or short registration there isn't much input fields. Users are educated and have mindset of adding Name, email and password fields so for clear design it wont harm to use label-less input field but if you have a long form then I would definitely go with labeled input. I really appreciate for taking time and giving detailed feedback.
Hi, Amy The first try is pretty good, but I want to give some suggestions & input on your work, 1.) In the Splashscreen section for the "button" section, I think it's better to move it below from the existing image illustration, because from the UX side, users will feel confused when the "button" is placed there, besides that the login button should not be white because it is not visible to the user or better colored then made more subtle with shadows. 2.) On the "Choose your top goals" page, the font size is not visible and also contrasts with the "green" background, I suggest increasing the font size and paying attention to the use of color again so that users can read easily without having to look more carefully 3.) In the input form, try to use small text above the form, don't use it because when the user is filling out the form the text will automatically disappear, now what is worried is when the user forgets what to fill in the form he must first delete the text that has been typed to know what data to fill in the form. Overall, your first try was quite good, hopefully in the future it will be better >_<