New UI for HoneySwap Proposal

I think HoneySwap needs to update the UI to look more unique.

I came up with this idea:

(used this tweet image as a background: https://twitter.com/Honeyswap/status/1310296421577486336)

I am open to coding the HTML/CSS for this as I have over 10 years of experience in web design.

7 Likes

That looks cool. A little bit too yellowy for my eyes, though :smiley:

1 Like

Thanks! Yeah it was just a quick mockup to get the conversation started :honey_pot: :honeybee:

I like the idea! I agree with @therealmo that the attention of the user may go to the yellow outside instead of the center of the page because the around is too “strong”. I also would make the logo more visible.

At the moment, funding proposals at CV are closed and will not reopen for two weeks, but then you can create a proposal to request some HNY to work in that.

I guess that @fiore will also have some feedback for it and can guide you through 1hive’s identity guidelines.

I think it will be nice to customize honeyswap interface!

1 Like

This mockup neglects a lot of important features on Honeyswap like links to documentation, account switching/enabling, network selectors, advanced swapping settings etc.

Also the colors chosen do not meet the requirements of WCAG 2.0 as the contrast ratio for the foreground and background is 2.72:1 whereas WCAG 2.0 requires a contrast ratio of at least 4.5:1. This contrast ratio is met by the current Honeyswap color palette.

3 Likes

Yes, that will definitely be added to the final draft, this was just a quick mockup for the main trading interface. Colors will also be adjusted to the requirements.

Interested in working on an improved version with @fiore

This could be a nice theme to add in the future but I don’t think it’s a priority for now.
@onbjerg is right, accessibility is important and a new interface should use the current color palette across all apps.

1 Like

I am happy to write the code and there’s no issue using the current color palette across all apps. It would not take me long. :slight_smile:

1 Like

That looks freaking cool

1 Like

thats really cool! id love to see what the dark version looks like. i always use dark mode

2 Likes

Design looks great. I like it. The only suggestion will be to decrease the intensity of the yellow.

1 Like

This is nice and unique UI you made.Make proposal as someone said and we gonna vote 100% for this.

1 Like

I love the look on these, specially the 2nd mobile UI is my favorite.

1 Like

i like the proposal, thanks you for the time :slight_smile:

1 Like

I have been in web dev/design & marketing for 20 years and built over 200 websites, mostly on wordpress and php. I’m good with UI and I would say that usability needs improvements. Happy to contribute. A marketing plan is also needed.

1 Like