<?xml version="1.0" encoding="utf-8"?>
Open full project

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:

  1. ◑ 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.
  1. 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:

All Links

Thanks for watching! I hope you guys like it!

Share your insights — leave a project review and help others grow their skills

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:

  1. Square outline of "notification" icon is a bit out of use. It would be better with just the icon.
  2. The "plus" button on right-bottom is unnecessarily floating. You could just add it to the navigation menu on the bottom.
  3. 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!


54 Claps
Average 4.9 by 11 people
5 claps
4 claps
3 claps
2 claps
1 claps
<?xml version="1.0" encoding="utf-8"?>