This project serves as both an experiment and a showcase how to create landing pages using the 11ty site generator. From a technical perspective, particularly in terms of web vitals and related factors, this page excels and offers exceptional potential for optimizing SEO performance.
In the end this approach wasn't convincing the stakeholders, because the text maintenance via Gitlab (/src/pages) was too geeky.
Follow the getting started instructions.
The form fields are made with Material web components.
Pro
- look and feel as Google and Android users know it
- animations make is more "fancy" Con
- overriding styles is difficult
- bigger footprint (loading)
- external dependencies
- look and feel constrained (can be a pro, see above)
- Finish form: Material button
- Create Answering Page
- Fix cookie clicks
- Validate form
- Send asynchronly
- Handle errors while sending
- Create footer
- Create header
- Create menu
- Fix responsive image loading
- Create Fav Logo (incl. manifest.json)
- Translate to English
- Connect form to backend
- Make confirmation and download page generic