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

Dark Mode Design for Music App

Sneak

MindNest Color System

CycleVerse - Indoor Cycling App

Heuristic Evaluation - Booking.com
