Build new front-end
This ticket is to document and discuss the front-end development of the new donate portal. Separate tickets will be created for back-end considerations (e.g. Lektor, CiviCRM and the various payment gateways).
**UX planning**
Includes our principal use cases, simplified user flows and annotated versions of the three primary wireframes documenting the difference between the current and expected behavior of each applicable section/component.
- Ticket: https://gitlab.torproject.org/tpo/web/donate-static/-/issues/24
- [Figma file here](https://www.figma.com/file/GI9LLgwWAnux1CVbbyOebq/Donate-UX-planning?node-id=0%3A1)
**Full wireframes**
Documents 10 different user journeys spanning each donation tab and supporter level in a clickable prototype, and are significantly more granular than the simplified user flow.
- Ticket: https://gitlab.torproject.org/tpo/web/donate-static/-/issues/26
- [Figma file here](https://www.figma.com/file/mtvcBlkHHwTO2QP0y0qyN0/Donate-portal?node-id=72%3A2930)
- [Prototype here](https://www.figma.com/proto/mtvcBlkHHwTO2QP0y0qyN0/Donate-portal?page-id=72%3A2930&node-id=72%3A2931&viewport=-6134%2C-3031%2C0.5050595998764038&scaling=min-zoom)
**High-fidelity mockups**
Includes a list of the screens, states and assets that will be designed – please add any other requirements needed to support front-end development there.
- Ticket: https://gitlab.torproject.org/tpo/web/donate-static/-/issues/27
- [Figma file here](https://www.figma.com/file/mtvcBlkHHwTO2QP0y0qyN0/Donate-portal?node-id=411%3A13557)
issue