Design ETHPrize Interview Report

[andytudhope]

We need a design for a full, static site (most likely using GitHub pages or equivalent) that can show off all the work we have done interviewing the best developers across Ethereum in an attractive and awe-inspiring way.

It will be hosted as a subdomain of ethprize.io (most likely report.ethprize.io). The style and colour palette of the report should be based off the current ethprize.io site.

This site would have a landing page that displays all the relevant information at a glance: the most often mentioned frustrations and problems, the most often mentioned tools, underrated tools that we think should get more attention based on the recommendation of core devs, and smaller bounty ideas/opportunities not suitable for ETHPrize itself.

It would then use each individual interview I have put together in the bounties_report folder to build a book. I envisions a list of names and faces down the left-hand side of the page, with a book-like interface taking up the rest of the page. Clicking on any one of the developers name or avatar would flip you through the book (hopefully with some cool animations) to that page of interviews. Please see below for a rough layout of how this might look.

The bounty below is negotiable, and we are definitely willing to pay more for really good designs. We can also arrange payment in ETH, or maybe even fiat at a push, if this is what is stopping you from volunteering.

[fshkliarau]

Hey @andytudhope, thanks for the mention! The project sounds interesting but I don't have time available at the moment. Will let you know if anything changes on my side.

[hedonistjugend]

Hey, @andytudhope, Could you please tell more about your idea with the report. I've seen this design bounty at Denis's twitter and thought that I might help. I am not as brilliant as all mentioned above designers but I'm pretty decent. Here's my outdated portfolio: https://hedonistjugend.github.io/ And some current products: https://tokenville.tv/ http://deuseth.com/ http://botanico.co/

Kostya Dmitriev. Product designer & a friendly dude.

Tokenville

This is the place where blockchain meets entertainment.

DEUS ETH | Blockchain as a storyteller | DEUS ETH Project

Hero sale is live. Choose one you like the most, lead it to the finish, survive and get an ETH prize! The first-ever smart contract based reality show is starting soon on deuseth.com!

Blockchain ambassadors

Find the perfect brand ambassadors to massively promote your blockchain startup.

[andytudhope]

Hey @hedonistjugend - thanks for offering. Am doing a review of your work now with some designers from our team. While that happens, this is sort of what I have in mind (please forgive the roughness - I am pressed for time currently).

So, we would put together an awesome title and header image based on the current site (ethprize.io) and have the word cloud and most common problems displayed visually above the fold so that, on navigating to the report you can see at a glance what the key findings are. Then, below the fold, we could have a bit more inspirational info, plus a few other important graphics for more context and leading ideas for people coming to the site for further information and resources.

Then, perhaps through a link in the header nav, we can go to the report itself. This report would pull in all the html files stored in this repo and make a dynamic 'book' out of them. We could list each person interviewed along with an avatar (not necessarily and actual profile pic for privacy reasons) and their name/handle down the left hand side of the page and, when you click on a particular person, the book pages should flip to that interview so you can go through it in detail.

Does this make any sense to you? 😅

[andytudhope]

Also, here is an example word cloud from the first 20 interviews.

[hedonistjugend]

Hey @andytudhope. Yes, it does make sense for me.

[cshih1]

Hey @andytudhope, I think another nice feature to have on the interview report is to be able to browse people/answers by problems. For example, many interviewees have mentioned problems with Web3.js, as a reader of the report, I want to see who have mentioned those problems and what they say.

[tao]

Hi @andytudhope, I have been working on a prototype of the site here tao.github.io/eth-reports and I'm interested in working on it more with you in exchange for the bounty.

The interviews on the site tao.github.io/eth-reports/interviews are rendered from markdown and you can view the sample files in my repository github.com/tao/eth-reports - so you don't need to build individual html files for each page. The markdown files have some yaml front-matter that gets parsed and can handle all the meta-data and tags, etc.

The website is a react.js app that builds a cache.json file with an index of all the interviews and then only fetches the markdown from GitHub when the user wants to read a page. You can use CI to automate this so each time the interviews are updated on GitHub it'll automatically rebuild the cache and re-deploy the website. You'll just need to switch from .txt to .md and start using the yaml headers for meta-data, but otherwise it should be easy to manage.

I'm sure we can also find a way to automatically parse the interviews and update the keywords, programmer tools, common issues, etc if it's in the meta-data or if you filter against a common list of words.

As catsandrashi mentioned, you could use the keywords in the yaml front-matter and then use them as a filter to show only specific articles. Then users can can browse articles by a Web3.js issue tag for instance, or filter by company, author...

Each developer can also have an avatar, GitHub link, etc in the yaml, as well as the interviewers, as long as we pre-define the yaml structure well we can handle it all.

If you're interested, let me know and we can chat in more detail about the website requirements and how it's best to display the analysed results and data, handle filtering, etc.