ETHworks / Homepage Redesign Version 1

[wbnns]

@marekkirejczyk @natiwa

Related issues:

• ETHworks Kickoff Meeting (Week of Dec. 10th) #1988
• Suggested content for ETHworks home page redesign #1990
• ETHworks Work Log #1991
• Draft and execute agreement w/ ETHworks detailing terms for redesign project #1993

Important: Please do not start on the 2nd or 3rd design versions until the first version has been drafted and we have reviewed.

[wbnns]

Here's the latest progress from @natiwa (thanks @natiwa):

• Homepage wireframe
• Modal idea associated with wallets in homepage wireframe
• Initial design based on wireframe

@natiwa Please let me know if I missed anything. Also, FYI, I've left comments here.

Others, please feel free to leave feedback on this thread, or directly on the InVision design.

We have a progress meeting scheduled for Friday, January 5th at 15:00 UTC in case anyone would like to join (#2051). We'll be meeting on Appear.in.

Cc: @Cobra-Bitcoin

[natiwa]

Thanks, I've seen them and also give you a reply. I'll improve everything soon and will create the new previews.

[natiwa]

Hi all,

Here is an improved (based on your comments) version of the design.
Improved design

Feel free to leave feedback.

[Cobra-Bitcoin]

Looks really good, I like how the video isn't as prominent anymore. Overall, it's a much better use of space than the current site. Looks much more appealing, it almost feels strange to go back and look at the current site after seeing that.

Some feedback:

• There's some space under the donation address, maybe we can put a QR code there, and a "Donate" button?
• Whenever the Bitcoin symbol is in the orange circle, it should be rotated to the right, same as in the logo
• Typo on the "Running a full noode"

[bhec39]

Can the figures you use be changed? They all look overweight. Sorry to sound superficial, but.....

[wbnns]

@Cobra-Bitcoin I also like the idea of a QR code below the address. @natiwa Can you please do that?

@bhec39 Let's see if there are others who share this concern before we go down that path.

[natiwa]

The preview has been improved.
Link

[wbnns]

@natiwa

Thanks! Confirming next steps following today's progress meeting:

• Add back in the “Choose your wallet” section, but we need to make sure it is set up in a way that will be SEO friendly (so that a search engine crawler will be able to navigate through the section - in other words, we should avoid an aesthetic that will rely on a lot of JavasScript when implemented), also, that the section will be mobile/touch friendly since dropdowns can be difficult to navigate when on smaller screens
• Draft a responsive version of this design so we can see what it will look like on tablet and mobile (4 million visits were made to Bitcoin.org on mobile devices last month)

Great work so far.

[Cobra-Bitcoin]

With the "Choose your wallet" section on the homepage, if we do add it back, let's make sure that it doesn't make this page redundant: https://bitcoin.org/en/choose-your-wallet. We still want people visiting that page. If we make it so everything is done through the homepage, the bounce rate will be really high. Maybe it could just recommend a few wallets, and then there's a "More wallets" button to take the user to the actual choose your wallet page?

[wbnns]

@Cobra-Bitcoin Good point and idea.

Cc: @natiwa

[natiwa]

Hello all,

Please take a look at the improved design + Tablet and mobile versions of it.

Desktop version
Tablet version
Mobile version and Mobile Navigation solution

Feel free to leave feedback.

[kuzzmi]

@natiwa, I think the latest version looks great!

If we want to keep the bounce rate low, all the buttons in the "Choose your wallet" section should navigate to our wallet pages, and "Choose your wallet" will point to https://bitcoin.org/en/choose-your-wallet page, thus making even better linkage between pages.

Responsive layout looks great as well as the mobile navigation.

[natiwa]

@kuzzmi Thanks. I'm glad to hear that.

That is exactly what I was thinking: "all the buttons in the "Choose your wallet" section should navigate to our wallet pages, and "Choose your wallet" will point to https://bitcoin.org/en/choose-your-wallet page"

[Cobra-Bitcoin]

@natiwa Very impressive and clean, I love it!

[natiwa]

Thank you!

[natiwa]

Should we proceed with the version 2?

[wbnns]

@natiwa Great work, yes, let's proceed and draft an initial desktop version of version 2.