Upgrade website navigation

[haveanicedavid]

Continuation of https://app.zenhub.com/workspaces/regen-registry-5f8998bec8958d000f4609e2/issues/regen-network/regen-web/606

[haveanicedavid]

@erikalogie I'm still fixing the SVG render issue on safari and making adjustments but just remembered I said I'd have something up for you to look at for initial feedback:

Main nav: https://deploy-preview-699--regen-registry.netlify.app/projects/wilmot Registry: https://deploy-preview-699--regen-website.netlify.app

I'm still working on the actual navbar part, but the dropdowns themselves should be ready for review.

[erikalogie]

Ok great. Here is my feedback thus far:

Registry:

• Please add the proper links for the CarbonPlus grasslands credit class and methodology pages.
• "Create credit class" should read "Create a credit class".
• I think for now since we don't have all the other credit classes yet, it would look better if the Credit Classes dropdown looked exactly the same as the methodologies drop down. And then they can say the exact same thing on mobile, i.e. "CarbonPlus Grasslands"
• Please remove the "peer reviewed" designations for now.
• The logo is too far over to the right: https://monosnap.com/file/Zxol8dA3OdHy0p4634DsWYwCc2t6Nz
• Link the program guide here: https://regen-registry.s3.amazonaws.com/Regen+Registry+Program+Guide.pdf
• I think that if ipad and mobile looks the same that will eliminate a lot of complexity and allow you to keep the logo at a fixed size instead of having it scale until it disappears. I'm thinking something like this: https://www.figma.com/file/dSyqCESylnkyGQ2kkbFmpx/Registry-Homepage-and-Flows?node-id=579%3A27987 .
• The registry logo should link to the registry homepage
• I think we should get rid of the redirect to Wilmot for the registry homepage

Website:

• Please make the Program dropdown have two columns as in the future comps, sorry I should have done it this way in the comps but I think it will look a lot better
• Please make the Stakeholders dropdown have two columns
• Similar issue with logo placement as on Registry
• I think making ipad look like mobile will again solve our issues here (should be treated the same as the registry, if you can make ipad like mobile but a bit bigger that will probably work)
• Please make the links to the credit class, program guide, and methodology how to pages work
• On mobile, there needs to be more space at the bottom or something so that you can scroll what feels like all the way to the bottom (same problem on registry)
• On mobile, "homepage" should read "registry homepage".
• It would be nice to add the icons from the desktop version to the mobile version, like so: https://www.figma.com/file/dSyqCESylnkyGQ2kkbFmpx/Registry-Homepage-and-Flows?node-id=579%3A29790

On Wed, Jul 28, 2021 at 5:08 PM David Daniel @.***> wrote:

@erikalogie https://github.com/erikalogie I'm still fixing the SVG render issue on safari and making adjustments but just remembered I said I'd have something up for you to look at for initial feedback:

Main nav: https://deploy-preview-699--regen-registry.netlify.app/projects/wilmot Registry: https://deploy-preview-699--regen-website.netlify.app

I'm still working on the actual navbar part, but the dropdowns themselves should be ready for review.

— You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub https://github.com/regen-network/regen-registry/issues/609#issuecomment-888388742, or unsubscribe https://github.com/notifications/unsubscribe-auth/ACARPTKE3JJ43UKAOYLULQDT2AMPBANCNFSM5A4H3UDA .