layer5 icon indicating copy to clipboard operation
layer5 copied to clipboard

[Meshery] Improve upcoming Integration design

Open sahilsuman933 opened this issue 2 years ago β€’ 16 comments

Description

The Meshery Integration Collection page currently shows both the working and in-production integration. To differentiate between those two we use White and Light slate gray background color. It will be great if we could do something and improve the design for the upcoming Integration.

Expected Behavior

  • Improve the design for the upcoming Integration

Contributor Resources and Handbook

The layer5.io website uses Gatsby, React, and GitHub Pages. Site content is found under the master branch.

sahilsuman933 avatar Aug 30 '22 05:08 sahilsuman933

Swapping labels. It'd be good to point this out as a UX issue in the #newcomers channel.

leecalcote avatar Aug 30 '22 12:08 leecalcote

Hey @sahilsuman933 @leecalcote, I would like to work on this.

AaqilKrishna avatar Aug 30 '22 16:08 AaqilKrishna

Sure go ahead @aaqilrk

sahilsuman933 avatar Aug 30 '22 16:08 sahilsuman933

Hey @aaqilrk if this issue not resolved, I also want to help?

Shubhcs01 avatar Aug 30 '22 18:08 Shubhcs01

Hey @Shubhcs01, I have nearly resolved this issue. We can work together on something else πŸ˜„

AaqilKrishna avatar Aug 31 '22 03:08 AaqilKrishna

Hey @sahilsuman933, is this design any better or further changes are required?

Screenshot 2022-08-31 at 11 16 54 AM

AaqilKrishna avatar Aug 31 '22 05:08 AaqilKrishna

Hey @sahilsuman933, is this design any better or further changes are required?

Screenshot 2022-08-31 at 11 16 54 AM

@aaqilrk In my persp I guess the grayscale color looks better for Inprogress Icons πŸ€”, @sahilsuman933 your opinion?

Shubhcs01 avatar Aug 31 '22 05:08 Shubhcs01

Hey @sahilsuman933, is this design any better or further changes are required? Screenshot 2022-08-31 at 11 16 54 AM

@aaqilrk In my persp I guess the grayscale color looks better for Inprogress Icons πŸ€”, @sahilsuman933 your opinion?

Screenshot 2022-08-31 at 11 45 06 AM

@Shubhcs01 The grayscale makes it difficult to identify the icons πŸ˜…, do you have any other suggestions πŸ˜„

AaqilKrishna avatar Aug 31 '22 06:08 AaqilKrishna

It looks good, @aaqilrk, but I know you can do even better. Why don't you post your design on the website channel on slack and ask for reviews?

sahilsuman933 avatar Aug 31 '22 07:08 sahilsuman933

It looks good, @aaqilrk, but I know you can do even better. Why don't you post your design on the website channel on slack and ask for reviews?

That is a wonderful idea, thank you πŸ˜„

AaqilKrishna avatar Aug 31 '22 10:08 AaqilKrishna

@sahilsuman933 I didn't get any feedback for the new design could you suggest any changes

AaqilKrishna avatar Sep 02 '22 01:09 AaqilKrishna

I don't have any suggestions but I feel like there is something missing in the design. It doesn't give the vibe of upcoming integration.

Look for more design inspiration through dribbble or any other websites. I am sure you will be able to do better than this.

// @aaqilrk

sahilsuman933 avatar Sep 02 '22 03:09 sahilsuman933

I don't have any suggestions but I feel like there is something missing in the design. It doesn't give the vibe of upcoming integration.

Look for more design inspiration through dribbble or any other websites. I am sure you will be able to do better than this.

// @aaqilrk

I will look into it. Thank you 😊

AaqilKrishna avatar Sep 02 '22 03:09 AaqilKrishna

@Shubhcs01, would you like to take this issue?

sahilsuman933 avatar Sep 04 '22 06:09 sahilsuman933

@Shubhcs01, would you like to take this issue?

Yeah sure @sahilsuman933 I'm not very good at UI designs but I'll try my best πŸ™‚

Shubhcs01 avatar Sep 04 '22 07:09 Shubhcs01

@Shubhcs01 any update?

sahilsuman933 avatar Sep 15 '22 11:09 sahilsuman933

If it is still pending, then I would like to take it.

TiwariAbhishek23 avatar Oct 03 '22 18:10 TiwariAbhishek23

Sure, go ahead @AbhishekTiwari23

sahilsuman933 avatar Oct 03 '22 19:10 sahilsuman933

Sure, go ahead @AbhishekTiwari23

Thanks, @sahilsuman933, for assigning me. I will respond as soon as possible.

TiwariAbhishek23 avatar Oct 03 '22 22:10 TiwariAbhishek23

Sure, go ahead @AbhishekTiwari23

Sure, go ahead @AbhishekTiwari23

Hello @sahilsuman933, sir, you assigned me this task yesterday. I thought about specific changes, and after all, I concluded that we could only change the colour of the inactive cards. I decided to give a red hover effect with some styling, but these do not contain links, so I can't do that. So please let me know if I should change the colour! I am waiting for your suggestions. Please let me know so that I can make the first PR for Layer5

TiwariAbhishek23 avatar Oct 05 '22 18:10 TiwariAbhishek23

Before the PR, can you show me some sample @AbhishekTiwari23?

sahilsuman933 avatar Oct 05 '22 19:10 sahilsuman933

@NPDebs, would you like to work on this issue?

sahilsuman933 avatar Oct 17 '22 21:10 sahilsuman933

@NPDebs, would you like to work on this issue?

@sahilsuman933 Sure. I'm sure @richardnikolas and I can handle it. 🌝

Can you please provide a specific summary of what's expected here? Thank you. 🀲🏻

NPDebs avatar Oct 18 '22 10:10 NPDebs

@sahilsuman933 Sure. I'm sure @richardnikolas and I can handle it. 🌝

I would love to help πŸ’ƒ

richardnikolas avatar Oct 18 '22 12:10 richardnikolas

You need to improve the design of the upcoming integration design.

// @NPDebs @richardnikolas

sahilsuman933 avatar Oct 18 '22 12:10 sahilsuman933

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.

stale[bot] avatar Dec 16 '22 05:12 stale[bot]

This issue is being automatically closed due to inactivity. However, you may choose to reopen this issue.

stale[bot] avatar Dec 23 '22 18:12 stale[bot]

@NPDebs @richardnikolas Please update

UtkarshMishra12 avatar Dec 23 '22 19:12 UtkarshMishra12