#DailyUI Feedback 006 — 010
006 — Online Hijab Shop by iam_readollar
Original Tweet by iam_readollar
Feedback
The design is very nice, but I have a few nitpicks in the design. On the onboarding screen, the text doesn’t have enough contrast with the background and the ‘Get Started’ button is very small. The login and signup screens are similar so the next feedback is applicable to both. The back icon and the logo are not aligned, try to keep items aligned either horizontally or vertically. The inputs don’t have labels, which might be a problem sometimes. The text to container ratio for the inputs and buttons is big, either increase the text size slightly or reduce the container height by a bit. But, a very good design overall. Keep it up!
Changes
- Added a Purple to Pink gradient as an overlay on the image
- Removed the dropshadow for the onboarding text
- Made the ‘Get Started’ bigger with white for background and purple for text for improved contrast
- Made the size for input containers and text consistent as well as used vibrant colors
- Aligned the Logo and the close icon horizontally
007 — Testimonials by AOTO_SAT
Feedback
Good job with the design. Try to keep the illustration on the side or below the title. It presents the title in a visual way, but it needs the title to provide context. Geometry is important in design, the profile images seem oval rather than circles. Another issue is the quote symbols behind the text, it reduces the contrast and makes it difficult to read.
Changes
- Got rid of the illustration, rather implemented a lined typography for better aesthetics
- Used square containers for profile images, made the name bigger and bolder. Added designation as well for more credibility to the users
- Made the quote icon lighter and bigger as well as overlapped it with the profile image and text
008 — Crowdfunding Campaign by NohaMalek12
Feedback
Good attempt with the design. The text is not readable on the image becuase of low contrast and dropshadow. The white container has less opacity which doesn’t make much difference with the low contrast. Try improving the contrast in your design instead of relying on dropshadows. There is no goal for the funds, so adding a progress bar doesn’t seem right, either remove the progress bar or add a goal to reach.
Changes
- Changed the layout completely, moved the image to the left and all the text and interaction on the right
- Chnaged the typography to match the minimal look
- Added a red background to differentiate the news/update
009 — Landing Page by omomobolaku
Feedback
Good attempt. I’m not exactly sure about the context of the design but I assume it is a Landing Page. The text is too big, try keeping the text in proper proportion to the frame.
Changes
- Reduced the text sizes to proper proportions
- Added an illustration to convey the message
- Moved the links to the center horizontally
010 — Coming Soon by rafalfonfo98
Original Tweet by rafalfonfo98
Feedback
Nice concept. First thing to point out is the placement of the images, those seem randomly placed. The edges are sharp and the dropshadows seem harsh. The background color isn’t related to the BMW brand. The text in pre-order button isn’t centered.
Changes
- Made the images cover the entire frame to highlight the car, used an image of the steering wheel in the center to place the BMW logo in the center and integrate the logo in the image rather than adding a PNG
- Outlined typography for the car’s nickname to be launched to indicate that it is coming, also the coming soon text
- Used the BMW blue for the pre-order button
Conclusion
It was fun to explore some web designs in this blog. This has been a image-intensive one but fun to design nonetheless.
If you’d like to get feedback on your #DailyUI designs, feel free to mention me in your tweets.
