zeeguu / web

Frontend for the zeeguu web application.
https://www.zeeguu.org
3 stars 5 forks source link

Landing Page - Hero section update #380

Closed igawaclawska closed 1 month ago

igawaclawska commented 1 month ago

What's new?

Landing page - hero section minimalistic redesign

IMPORTANT: This branch is compatible with the current master, so if it gets merged after #378, links in the Register and Get Started buttons will need to be updated

Hero Section

Hero Section
desktop mobile
localhost_3000_ localhost_3000_(iPhone 12 Pro)

Given time constraints (usability testing sessions that start tomorrow), the redesign is simplistic and mainly focused on the Hero section. It will have more iterations in the future. Also, at the moment, I worked mainly within the styled-components file dedicated to this landing page, LandingPage.sc.js, without creating separate react components as I did for the Info Pages, so the code structure of the LandingPage.js is similar to what it looked like before the changes. (I can, for instance, revise the structure in the upcoming PRs)

Because the Hero section doesn't yet have visual content (illustrations), I decided to play with the typography (sizing) of the new text.


The titles in the "How does it work?" section have also been updated:

The content of these sections stayed the same for now, but the line height has been increased to improve their readability.

netlify[bot] commented 1 month ago

Deploy Preview for voluble-nougat-015dd1 ready!

Name Link
Latest commit f5ca50394e2f81e751ab0e47fb56f989e411532c
Latest deploy log https://app.netlify.com/sites/voluble-nougat-015dd1/deploys/664dbb7e9cd8ed0008213018
Deploy Preview https://deploy-preview-380--voluble-nougat-015dd1.netlify.app
Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site configuration.