Web: Build New Gitcoin Landing Page

[PixelantDesign]

Extra 10% Tip for completion by May 18th!

As potential funder or contributor, I want to know what Gitcoin is and understand the problems it can solve for my scenario.

Description

The current Gitcoin.co landing page needs updating with new content and allow for more information to entice our funders.

Assumptions

Build this page from scratch (please do not retrofit any styles or functionality from the current landing page).

Definition of Done

• [ ] Build new landing page from scratch (it's ok to start a new css style sheet).

• [ ] Update all fonts to Muli except the top banner (please check sizing on all fonts).

• [ ] This page should have a few parallax elements (please work with @pixelantdesign).

• [ ] Gitcoin tree and blue box

• [ ] Big Robot and smoke

• [ ] The top nav should follow a user down the page so that fund issue is persistent during the entire
  experience.

• [ ] Use font awesome Ethereum icon here for the fund button - please make white (vs, the one provided in the design).

This page should be built using SVG animations (small animations)

• [ ] slowly animate windmil blades to spin
• [ ] animate movement on the lines on the globe
• [ ] make the leaves in the pot rotate slightly to the right

How it works module

• [ ] Allow for toggling between Funder and Contributor
• [ ] Supporting content should display according to the button selected.
  In the mockup the Contributor toggle and content is shown.

Videos

• [ ] How to use Gitcoin in 30 seconds should play in a lightbox
• [ ] Gitcoin in 30 seconds should play in a lightbox

Case Studies

• [ ] Each case study will link to an article to be provided
• [ ] See all case studies will link to a case studies page (part of another ticket)

Who's Using Gitcoin?
Clicking on the icon below the photo will change the content above it (Photo and testimonial).

Press

• [ ] Each logo should hover in color, clicking on the logo should link to each article (please reference the current landing page.

Footer

• [ ] Format of the footer has been updated.
• [ ] Please animate the saturn planet to hover and slightly move (nice to have if there is time at the end).
• [ ] Reference footer links in the current landing page.

Support Responsive Views

• [ ] - Leverage type and button styles defined in the sketch file included

Work with @PixelantDesign on any outstanding questions

Reviewers

@PixelantDesign @owocki @mbeacom

References

Nave Follow State

Sketch File
Gitcoin Landing Final.zip

[gitcoinbot]

Issue Status: 1. Open 2. Started 3. Submitted 4. Done

---

__This issue now has a funding of 0.2 ETH (151.91 USD @ $759.54/ETH) attached to it.__

• If you would like to work on this issue you can 'start work' on the Gitcoin Issue Details page.
• Questions? Checkout Gitcoin Help or the Gitcoin Slack
• $8,227.84 more funded OSS Work available on the Gitcoin Issue Explorer

[iamonuwa]

@PixelantDesign Is this task still available?

[PixelantDesign]

@iamonuwa yes! It's available!

[gitcoinbot]

Issue Status: 1. Open 2. Started 3. Submitted 4. Done

---

__Work has been started__.

These users each claimed they can complete the work by 2 days, 7 hours from now. Please review their questions below:

1. Smona has started work.

[gitcoinbot]

@Smona Hello from Gitcoin Core - are you still working on this issue? Please submit a WIP PR or comment back within the next 3 days or you will be removed from this ticket and it will be returned to an ‘Open’ status. Please let us know if you have questions!

• [x] warning (3 days)
• [ ] escalation to mods (6 days)

Funders only: Snooze warnings for 1 day | 3 days | 5 days | 10 days | 100 days

[gitcoinbot]

@Smona Hello from Gitcoin Core - are you still working on this issue? Please submit a WIP PR or comment back within the next 3 days or you will be removed from this ticket and it will be returned to an ‘Open’ status. Please let us know if you have questions!

• [x] warning (3 days)
• [ ] escalation to mods (6 days)

Funders only: Snooze warnings for 1 day | 3 days | 5 days | 10 days | 100 days

[Smona]

@gitcoinbot hai

[gitcoinbot]

Issue Status: 1. Open 2. Started 3. Submitted 4. Done

---

@Smona due to inactivity, we have escalated this issue to Gitcoin's moderation team. Let us know if you believe this has been done in error!

• [x] warning (3 days)
• [x] escalation to mods (6 days)

Funders only: Snooze warnings for 1 day | 3 days | 5 days | 10 days | 100 days

[Smona]

@gitcoinbot yes i am working on this

[gitcoinbot]

@Smona Hello from Gitcoin Core - are you still working on this issue? Please submit a WIP PR or comment back within the next 3 days or you will be removed from this ticket and it will be returned to an ‘Open’ status. Please let us know if you have questions!

• [x] warning (3 days)
• [ ] escalation to mods (6 days)

Funders only: Snooze warnings for 1 day | 3 days | 5 days | 10 days | 100 days

[owocki]

sorry.. im looking into why gitcoinbot is commenting on this erroneously. pls disregard

[owocki]

fixed in 95b25e9ec7726c909d51c83a676d04a57943c4d5

[Smona]

I expect to finish this in the next 2 days. I've got my local server tunneled to https://79e41a1d.ngrok.io/ if anyone wants to review the progress!

[PixelantDesign]

So excited to see this @Smona! The link isn't working :(

[Smona]

yeah i just realized that wasn't the best way to preview the progress since ngrok limits the time your tunnel is alive.

Should I create a WIP PR?

[owocki]

WIP PR sounds great!

[PixelantDesign]

Hi @Smona
Looking great! We're so excited about the landing page!
Here is the final copy. Let me know if you have any questions!

Landing Page Feedback.pdf

[gitcoinbot]

Issue Status: 1. Open 2. Started 3. Submitted 4. Done

---

__Work for 0.2 ETH (113.22 USD @ $566.12/ETH) has been submitted by__:

1. @Smona

@PixelantDesign please take a look at the submitted work:

• PR by @Smona

---

• Learn more on the Gitcoin Issue Details page
• Questions? Checkout Gitcoin Help or the Gitcoin Slack
  $11,573.26 more funded OSS Work available on the Gitcoin Issue Explorer

[gitcoinbot]

Issue Status: 1. Open 2. Started 3. Submitted 4. Done

---

__The funding of 0.2 ETH (115.72 USD @ $578.6/ETH) attached to this issue has been approved & issued to @Smona.__

• Learn more at on the Gitcoin Issue Details page
• Questions? Checkout Gitcoin Help or the Gitcoin Slack
• $9,837.07 more funded OSS Work available on the Gitcoin Issue Explorer

[mbeacom]

@PixelantDesign This should be good to close - Merged and live in #1377