Changes to the Landing page #8176

probablyangg · 2020-12-23T14:34:54Z

Description

remove "Developers" & "Network"
add 2 new descriptions with buttons to "What is Gitcoin" sec.
move newsletter section to 3rd screen

Refers/Fixes

#8171

Testing

Tested locally

Screenshots

Desktop

Mobile

Video

https://www.icloud.com/iclouddrive/04Y5aseNyERZFCk0yJ7XuY1IQ#Screen_Recording_2021-01-08_at_6.59.52_PM

* remove "Developers" & "Network" * add 2 new descriptions with buttons to "What is Gitcoin" sec. * move newsletter section to 3rd screen

codecov · 2020-12-23T14:44:15Z

Codecov Report

Merging #8176 (bcee454) into master (5265bdb) will decrease coverage by 4.36%.
The diff coverage is 18.00%.

@@            Coverage Diff             @@
##           master    #8176      +/-   ##
==========================================
- Coverage   25.35%   20.99%   -4.37%     
==========================================
  Files         329      316      -13     
  Lines       33401    33314      -87     
  Branches     4997     4991       -6     
==========================================
- Hits         8470     6993    -1477     
- Misses      24641    26273    +1632     
+ Partials      290       48     -242

Impacted Files	Coverage Δ
app/app/urls.py	`86.20% <ø> (ø)`
app/dashboard/admin.py	`60.51% <0.00%> (-1.16%)`	⬇️
app/dashboard/tip_views.py	`14.85% <0.00%> (-0.06%)`	⬇️
app/kudos/views.py	`14.08% <0.00%> (-0.04%)`	⬇️
app/quests/management/commands/re_rank_quests.py	`0.00% <0.00%> (ø)`
app/quests/helpers.py	`19.56% <7.14%> (-0.44%)`	⬇️
app/dashboard/models.py	`37.80% <16.66%> (-12.02%)`	⬇️
app/dashboard/utils.py	`17.01% <16.66%> (-21.84%)`	⬇️
app/kudos/models.py	`48.55% <50.00%> (+<0.01%)`	⬆️
app/quests/quest_types/quiz_style.py	`28.00% <50.00%> (+0.97%)`	⬆️
... and 54 more

Continue to review full report at Codecov.

Legend - Click here to learn more
Δ = absolute <relative> (impact), ø = not affected, ? = missing data
Powered by Codecov. Last update 0a53a5b...44e1ebd. Read the comment docs.

amustapha

Good work

thelostone-mc

Left a few comments!
Could you also add a screenshot and ensure it also works for mobile display

app/assets/landingpage/app.css

app/assets/landingpage/section_whatisgitcoin.scss

app/retail/templates/home/index2020.html

PixelantDesign · 2021-01-05T13:51:05Z

@nglglhtr could you post a video?

probablyangg · 2021-01-06T15:03:25Z

adding the copy to be added here: https://docs.google.com/document/d/1cDmUr80AbL1HfYLLou8lvIehVjGt-hw9ddXK9uueAkU/edit#

* 1 tab = 2 spaces

probablyangg · 2021-01-08T13:32:26Z

@nglglhtr could you post a video?

here's the link to a desktop scroll video: https://www.icloud.com/iclouddrive/04Y5aseNyERZFCk0yJ7XuY1IQ#Screen_Recording_2021-01-08_at_6.59.52_PM

frankchen07 · 2021-01-08T21:44:32Z

Minor changes:

"Get grant funding" -> can we keep the capitalization consistent? -> "Get Grant Funding"

Does "Enter Gitcoin" just put them back on Townsquare? I would recommend removing the ability to just "enter" and end up on Townsquare because we've received plenty of feedback on how folks are confused when they get there. The onboarding idea for the landing page was to direct them down one specific path to reduce the problem of confusion.

Is there any way to help this text stand out, or feel more like "points" rather than just text thrown on there? It's a bit hard to read:

up skill

I think it's supposed to be one word "upskill".

...the ecosystem, Get involved...

Should be a period. "...the ecosystem. Get involved..."

The rest looks pretty good. Just from watching the video though, I still feel like the zoom is pretty strong. I would want to see more with less scrolling, but pp to design though cc @PixelantDesign

probablyangg · 2021-01-12T16:07:37Z

can we merge this?

frankchen07 · 2021-01-12T17:05:00Z

I had a comment with a bunch of changes @nglglhtr, did they make it in?

probablyangg · 2021-01-13T09:54:51Z

Does "Enter Gitcoin" just put them back on Townsquare? I would recommend removing the ability to just "enter" and end up on Townsquare because we've received plenty of feedback on how folks are confused when they get there. The onboarding idea for the landing page was to direct them down one specific path to reduce the problem of confusion.

@frankchen07, Yes it does - can remove the button altogether for now

Is there any way to help this text stand out, or feel more like "points" rather than just text thrown on there? It's a bit hard to read:

How does this look? The buildings in the background animation still get in the way though, if that still makes it harder to read, I'll get in touch with Richard to fix their height or opacity

probablyangg · 2021-01-13T11:00:36Z

Fixed the heights of the buildings in the background to create more space for the text, here's an 8x video of the cover:

landing-page.mp4

& the entire landing:

landing-page-full.mp4

* a slightly bigger font for inline use

frankchen07 · 2021-01-13T21:27:52Z

@nglglhtr, the all caps for the actions look a little funny to me, and I feel like it crowds the space a little bit.

Can we just simplify and remove all of the sub-text (START an open source project. LEARN ...etc.), and leave the larger title text there?

So just keep:

Everything else looks good to go! Thanks for helping out with these changes! :)

thelostone-mc · 2021-01-14T07:49:07Z

@PixelantDesign + @frankchen07 do hit approve once the PR Is good from your side and I can get it in after that

probablyangg · 2021-01-14T08:13:21Z

@nglglhtr, the all caps for the actions look a little funny to me, and I feel like it crowds the space a little bit.

Can we just simplify and remove all of the sub-text (START an open source project. LEARN ...etc.), and leave the larger title text there?

Yes, for sure, not a problem; I do not really have a strong opinion for or against a design change - my UI skillz are pretty much nonexistent lol; relying on yours & @PixelantDesign's judgement here :)

probablyangg · 2021-01-14T09:57:50Z

Updated screenshot:

frankchen07 · 2021-01-14T18:09:04Z

I read the copy a few times to make sure that even though we remove the sub-text we're still conveying 90+% using the title, larger text. No worries, text is easy to change if we decide to do so with any new rebranding copy work.

Thank you for the edits!

frankchen07

LGTM!

Changes to the Landing page:

bcee454

* remove "Developers" & "Network" * add 2 new descriptions with buttons to "What is Gitcoin" sec. * move newsletter section to 3rd screen

probablyangg requested review from amustapha, chibie, danlipert, frankchen07, octavioamu, PixelantDesign and thelostone-mc as code owners December 23, 2020 14:34

Merge branch 'master' into onboarding-changes

258981f

probablyangg added 2 commits December 23, 2020 22:11

changes to the landing page

0008337

Merge branch 'fix-scss-compile' into onboarding-changes

3b8aea6

amustapha approved these changes Dec 29, 2020

View reviewed changes

Kweiss linked an issue Dec 30, 2020 that may be closed by this pull request

new landing #8171

Closed

thelostone-mc requested changes Jan 4, 2021

View reviewed changes

app/assets/landingpage/app.css Show resolved Hide resolved

app/assets/landingpage/section_whatisgitcoin.scss Show resolved Hide resolved

app/retail/templates/home/index2020.html Show resolved Hide resolved

app/retail/templates/home/index2020.html Outdated Show resolved Hide resolved

probablyangg added 4 commits January 8, 2021 18:54

fix: copy

18cb269

Fix Lint

8c1e50a

* 1 tab = 2 spaces

delete unwanted svg

d0fb84f

Lint fixes

407b7fa

probablyangg requested a review from thelostone-mc January 8, 2021 13:33

chibie approved these changes Jan 12, 2021

View reviewed changes

Add a font style for "big"

222bf99

* a slightly bigger font for inline use

probablyangg added 2 commits January 13, 2021 16:32

Remove signup button & reduce height of the townsquare buildings

bf8c501

Fix twitter icon in WOL

a18efc7

copy changes to landing

e45aaf4

copy changes

44e1ebd

frankchen07 approved these changes Jan 14, 2021

View reviewed changes

thelostone-mc approved these changes Jan 15, 2021

View reviewed changes

Merge branch 'master' into onboarding-changes

2603214

thelostone-mc merged commit d731996 into master Jan 15, 2021

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Changes to the Landing page #8176

Changes to the Landing page #8176

probablyangg commented Dec 23, 2020 •

edited

Loading

codecov bot commented Dec 23, 2020 •

edited

Loading

amustapha left a comment

thelostone-mc left a comment

PixelantDesign commented Jan 5, 2021

probablyangg commented Jan 6, 2021

probablyangg commented Jan 8, 2021

frankchen07 commented Jan 8, 2021

probablyangg commented Jan 12, 2021

frankchen07 commented Jan 12, 2021

probablyangg commented Jan 13, 2021 •

edited

Loading

probablyangg commented Jan 13, 2021 •

edited

Loading

frankchen07 commented Jan 13, 2021

thelostone-mc commented Jan 14, 2021 •

edited

Loading

probablyangg commented Jan 14, 2021

probablyangg commented Jan 14, 2021 •

edited

Loading

frankchen07 commented Jan 14, 2021 •

edited

Loading

frankchen07 left a comment

Changes to the Landing page #8176

Changes to the Landing page #8176

Conversation

probablyangg commented Dec 23, 2020 • edited Loading

Description

Refers/Fixes

Testing

Screenshots

Desktop

Mobile

Video

codecov bot commented Dec 23, 2020 • edited Loading

Codecov Report

amustapha left a comment

Choose a reason for hiding this comment

thelostone-mc left a comment

Choose a reason for hiding this comment

PixelantDesign commented Jan 5, 2021

probablyangg commented Jan 6, 2021

probablyangg commented Jan 8, 2021

frankchen07 commented Jan 8, 2021

probablyangg commented Jan 12, 2021

frankchen07 commented Jan 12, 2021

probablyangg commented Jan 13, 2021 • edited Loading

probablyangg commented Jan 13, 2021 • edited Loading

frankchen07 commented Jan 13, 2021

thelostone-mc commented Jan 14, 2021 • edited Loading

probablyangg commented Jan 14, 2021

probablyangg commented Jan 14, 2021 • edited Loading

frankchen07 commented Jan 14, 2021 • edited Loading

frankchen07 left a comment

Choose a reason for hiding this comment

probablyangg commented Dec 23, 2020 •

edited

Loading

codecov bot commented Dec 23, 2020 •

edited

Loading

probablyangg commented Jan 13, 2021 •

edited

Loading

probablyangg commented Jan 13, 2021 •

edited

Loading

thelostone-mc commented Jan 14, 2021 •

edited

Loading

probablyangg commented Jan 14, 2021 •

edited

Loading

frankchen07 commented Jan 14, 2021 •

edited

Loading