PRDT: Design SIMPLE Clickable Prototype

[Dianadec]

Description:

We need to create a clickable figma prototype of the backcountry booking experience so that we can gather feedback from business area. This prototype should be quite simple so we don't get distracted by design elements, and stay focused on the workflow.

Acceptance Criteria:

[Note: Use 'Given/When/Then' format if it makes sense to. Otherwise, a simple checklist that can be tested.]

• [ ] there is a SUPER SIMPLE clickable prototype in Figma
• [ ] Prototype uses design library components
• [ ] There is a map
• [ ] The design follows the figjam workflow and the user story map (linked below)
• [ ] the design is very simple (define simple: )
• [ ] corresponds with flows: https://www.figma.com/board/HNsft6y1lXjuGF2mh1Icv7/Backcountry-Booking-Flow?node-id=0-1

Development Checklist:

• [ ] include map
• [ ] ...
• [ ] ...

Dependencies

• Blocked by bcgov/reserve-rec-api#6
• Blocking

Relevant documentation as reference Figjam workflows: https://www.figma.com/board/HNsft6y1lXjuGF2mh1Icv7/Backcountry-Booking-Flow?node-id=0-1 Story Map: https://app.mural.co/t/dds5274/m/dds5274/1716328311757/3983a5eaa7656fc356ba830af75b09d3c342cde3?wid=0-1716333059350 Prototype: https://www.figma.com/design/1QHd1cWiRqeC0Ua0E9nfhr/PDTR?node-id=0-1&t=xXBBTpuCuXQB2eoy-1

Definition of Ready

• [ ] Acceptance criteria are included
• [ ] Wireframes are included (if applicable)
• [ ] Design / Solution is accepted by Product Owner (if applicable)
• [ ] Dependencies are identified (technical, business, regulatory/policy)
• [ ] Story has been estimated (under 13 pts)

Definition of Done

• In progress:
  • [ ] Acceptance criteria are tested (Functionality meets the acceptance criteria defined in the ticket)
  • [ ] UI meets accessibility requirements
  • [ ] Unit tests are written
  • [ ] Work is traceable in GitHub
  • [ ] PR linked to ticket number
  • [ ] If needed/required - Dev adds flag/label to highlight any migration steps necessary prior to PROD deployment
• Code review:
  • [ ] Code is peer reviewed and has passed CI/CD tests
• QA:
  • [ ] Acceptance criteria are tested (Functionality meets the acceptance criteria defined in the ticket)
  • [ ] Code is potentially shippable to the production environment
  • [ ] Functional features have been tested and passed by QA
  • [ ] UI components tested by designer
  • [ ] Code is deployed to PROD when moved to 'done' column (unless requested otherwise by PO)
• PO Review:
  • [ ] Acceptance criteria are tested (Functionality meets the acceptance criteria defined in the ticket)
  • [ ] Reviewed and approved by Product Owner

Notes:

[Dianadec]

Can be worked on kind of in tandem with the data exploration work and workflows

[Dianadec]

@danieltruong @meredithom I brought this ticket to the in progress column and added your names - feel free to adjust it if this isn't correct, thanks! :)