News App
Hey friends 👋
I am excited to share the web design I've been working on. I did it for the News App Design by Karim Saif. I hope you'll enjoy it.
----------------------------------------------
Let's dive into why and how I design these screens:
- ◑ Onboarding Screen (Left):
- The background is an image of a chair in front of a wall covered with newspaper pages, aligning with the news-reading theme.
- A call to action encourages users to "Read the newest news" with a button labeled "Learn more" and an option to skip.
- The design feels modern and minimalistic, creating a straightforward user experience for first-time users.
- Home Screen (Right):
- This screen displays a news feed interface, featuring a welcome message at the top: "Welcome Karim" with an avatar and notification icon.
- There is a category filter (e.g., "Technology") allowing users to sort through news topics.
- Below, the user can view news articles with key details like the headline, source, and interaction icons for likes, comments, and shares.
- The layout is clean, with rounded cards for each article, providing a comfortable reading experience.
The overall design is user-friendly, simple, and visually appealing, with a focus on enhancing the user experience for reading and exploring news content.
Tool: @figma and my profile on it here
--------------------------------------------
Show us love ⭐ by pressing "5/5 Rate" or leaving a feedback to let me know your valuable opinion.
Want to see more projects? Visit our profile and remember to follow us!
To see more about me:
Thanks for watching! I hope you guys like it!✨
Reviews
1 review
First of all I would like to appreciate your effort on this clean and modern design. Outlined icons just fit the overall design. But, I would suggest some details:
- Square outline of "notification" icon is a bit out of use. It would be better with just the icon.
- The "plus" button on right-bottom is unnecessarily floating. You could just add it to the navigation menu on the bottom.
- Elements are too narrow, left & right margins may have been decreased.
I hope I did not offend you, just wanted to provide some honest improvement tips. Keep up good work!
You might also like

Florish Accessibility Signup Form

Notion - Accessibility Color System

Blip - Esport app design (Light & Dark UI)

Reimagining Asana's Color System

Customer Journey Map for a Co-Working Space











