Revamp Feature Presentation Layout

[hauwy-ismyl]

Current State

Currently, each feature has a media (image or video) attached. The excessive use of media, may result in clutter and a less optimized user experience. To address this challenge and improve the website's effectiveness, the issue aims to revamp the section for an enhanced layout and visual appeal. (see for details: https://meshery.io/#:~:text=Access%20the%20Cloud,internal%20deleloper%20platform.)

Desired State of the Meshery.io site

The section will be revamped to minimize the use of media and instead focus on presenting features using text, logos, and concise descriptions. The layout will be optimized to make effective use of negative space, providing a cleaner and more visually engaging presentation of product features.

---

Contributor Guides and Resources

• 📚 See the Contributing to Meshery.io Website section of the readme.md and other contributing instructions, too.
• 🎨 Wireframes and designs for Meshery UI in Figma (open invite)
• 🙋🏾🙋🏼 Questions: Discussion Forum and Community Slack

[leecalcote]

Thank you for raising this issue, @hauwy-ismyl. It's a valid concern; something to be addressed.

[sharvarii11]

Hi @leecalcote,@hauwy-ismyl I would like to work on this issue. It seems like a big problem and I believe my design and user experience skills can be valuable in resolving it. From the description provided above, it seems like there is a need for a solution by providing a text-centric approach, negative Space optimization and logo integration. I am willing to put forth my best effort to help solve it.

[leecalcote]

@sharvarii11 thanks for jumping in. It be great if you give it a shot. Ideally, you can do so inside of the community's in Figma designfile.

[abhijeetgauravm]

Hi @leecalcote,@hauwy-ismyl I would like to work on this issue. It seems like a big problem and I believe my design and user experience skills can be valuable in resolving it. From the description provided above, it seems like there is a need for a solution by providing a text-centric approach, negative Space optimization and logo integration. I am willing to put forth my best effort to help solve it.

// @sharvarii11

[github-actions[bot]]

Checking in... it has been awhile since we've heard from you on this issue. Are you still working on it? Please let us know and please don't hesitate to contact a MeshMate or any other community member for assistance.

---

        Be sure to join the community, if you haven't yet and please leave a :star: star on the project :smile:

[akkshitgupta]

I have gone through the issue to understand whether the UI/UX can be improved by doing a little. I would like to put some ideas for improved visuals and user experience.

• use of margins & padding in the right amount would lead to better management of negative space
• either use white borders instead of shadows around the brand logos would result in more visually attractiveness or even using white background for each square would be a better way to go.
• decreasing the size of the logos, in here, would be very helpful in achieving the required results.

If my suggestions make sense, I would like to work on the same. Yet, open to more suggestions to get the most out of it

[stale[bot]]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.