Versions Compared

Version Old Version 22 New Version Current
Changes made by

Chevonne Li

Chevonne Li

Saved on

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Table of Contents
minLevel1
maxLevel6
outlinefalse
stylenone
typelist
printabletrue
Info

Quick Tips on Figma for Devs

Chelsea Brown Noel.Feliciano

  1. View Spacing Measurements between 2 objects:

    1. Click on the first element/component

    2. Hold “Option” (Mac) OR “Alt” (Windows) and hover your cursor to the second element/component

    3. Figma will display a red line between the two objects with their horizontal/vertical measurements (px).

...

EPIC/Features

Figma Link

Last Updatedupdated

Created on

Version

Notes/Description

Email Notifications

https://www.figma.com/design/3cBb24JJG10LoUlY8v3FPA/Member-Agency?node-id=2318-398177&t=kPDojdtHTitSsxLb-1

3.0

  • Recommitment notifications for members Recommitment notifications for supervisors

    Status
    colourBlue
    titleMemberS

  • Recommitment notifications for

    Status
    colourPurple
    titleSUPERVISORS

Button States

https://www.figma.com/design/3cBb24JJG10LoUlY8v3FPA/Member-Agency?node-id=4-945&t=eZkNaSj8Cjx7it7O-1

1.0

  • UI specs (states, measurements) for buttons across

    Status
    colourBlue
    titleMEMBERS
    ,
    Status
    colourPurple
    titleSUPERVISORS
    , and
    Status
    colourGreen
    titleCOORDINATORS
    dashboards.

EPIC/Features

Figma Link

Last Updatedupdated on

Created on

Version

Notes/Description

Member Dashboard - States

https://www.figma.com/design/3cBb24JJG10LoUlY8v3FPA/Member-Agency?node-id=1631-148833&t=Lk5APBJzdF61MMT0-1

3.0

  • Designs with specs and documentation

  • Member dashboard states based on member status, recommitment, program type

Pop-up Modals (Excluding ones for Recommitment)

https://www.figma.com/design/3cBb24JJG10LoUlY8v3FPA/Member-Agency?node-id=1664-150278&t=y6qfF7tqLKhlA4Z5-1

3.0

  • Calendar availability pop-over card; availability status displays

  • Edit section/role preferences, section/role definition modal

  • Edit other skills

  • Profile info edit modals

Member Recommitment ProcessWIP!!

https://www.figma.com/design/3cBb24JJG10LoUlY8v3FPA/Member-Agency?node-id=1731-165061&t=NpJJ4VHCKVGflOmG-1

3.0

  • Member process of confirming/declining their recommitment to EMCR and/or BCWS during recommitment period

  • Member process of restarting recommitment if they missed the recommitment deadline

EPIC/Features

Figma Link

Last updated on

Created on

Version

Notes/Description

CORE Team Dashboard - Pages

https://www.figma.com/design/3cBb24JJG10LoUlY8v3FPA/Member-Agency?node-id=2509-111966&t=X0S0xeWnGLxMUrpq-1

3.0

  • Page states and anatomy for personnel and member profile page

EPIC/Features

Figma Link

Last Updatedupdated on

Created on

Version

Notes/Description

Portal Home Page

Supervisor Email Templates

V3.0

  • xxx

Supervisor Approval Screens

WIP!!https://www.figma.com/design/3cBb24JJG10LoUlY8v3FPA/Member-Agency?node-id=2329-403141&t=JTAMlIsZas3QFePC-1

3.0

  • Basic layout and components of the Home page

  • Button and Decision Dropdown states in Pending Members List

  • Reason for Declining Recommitment Survey - Pop-up Modal layout

Supervisor approval/decline recommitment user flows

https://www.figma.com/design/3cBb24JJG10LoUlY8v3FPA/Member-Agency?node-id=2329-403142&t=cmixEeKUPtieqCj3-1

3.0

  • Approving and declining recommitment to a single program requested (i.e., EMCR or BCWS)

  • Approving and declining recommitment to 1 out of 2 programs requested

  • Approving and declining recommitment to both programs requested

  • Changing approval decision after initially declining a recommitment request.

Expand
titleArchived links for Coordinator dashboard (MVP 1+2)

File Name

Page Type

Link

Status

Version

Notes

BCWS CORE Team Coordinator Dashboard (Personnel, Profile)

Status
colourYellow
titleStatic Wireframes

https://www.figma.com/design/Sm5snrmk5cKXWP32x9mAaz/CORE-Intake-%26-Deployment-Ecosystem?node-id=1370-50729&t=kwuJsbbzzWxR8GrB-1

Status
colourYellow
titleIn progress

2.1

designs in progress; needs refinement

Status
colourYellow
titleStatic Wireframes

https://www.figma.com/file/Sm5snrmk5cKXWP32x9mAaz/BCWS-Intake-%26-Deployment-Ecosystem?type=design&node-id=1%3A386&mode=design&t=VNrCFdwNQpxx2WSC-1

Status
colourGreen
titleCompleted

2.0

Status
colourBlue
titleUI Component Sets

colour & typography: https://www.figma.com/design/Sm5snrmk5cKXWP32x9mAaz/CORE-Intake-%26-Deployment-Ecosystem?node-id=1148-27288&t=tNZl3UkSM5oSUYv5-1

component library: https://www.figma.com/design/Sm5snrmk5cKXWP32x9mAaz/CORE-Intake-%26-Deployment-Ecosystem?node-id=1149-29498&t=tNZl3UkSM5oSUYv5-1

Status
colourGreen
titleCompleted

2.0

Status
colourPurple
titleClickable Prototype

https://www.figma.com/proto/Sm5snrmk5cKXWP32x9mAaz/BCWS-Intake-%26-Deployment-Ecosystem?page-id=32%3A2190&type=design&node-id=117-67281&viewport=114%2C295%2C0.05&t=gjZiVvcKmK4srDxW-1&scaling=min-zoom&starting-point-node-id=117%3A67281&show-proto-sidebar=1&mode=design

Status
colourBlue
titleUpdated

Last updated on May 1, 2024

EMCR CORE Team Dashboard (Coordinator screens)

Status
colourYellow
titleStatic Wireframes

Status
colourBlue
titleUI Component Sets

https://www.figma.com/design/Sm5snrmk5cKXWP32x9mAaz/CORE-Intake-%26-Deployment-Ecosystem?node-id=1149-29515&t=tNZl3UkSM5oSUYv5-1

Status
colourGreen
titlecompleted

EMCR design specs moved to the same file with BCWS screens (separate pages, but under same file)

EMCR CORE Team Dashboard (Logistics screens)

Status
colourYellow
titleStatic Wireframes

Status
colourBlue
titleUI Component Sets

https://www.figma.com/design/Sm5snrmk5cKXWP32x9mAaz/CORE-Intake-%26-Deployment-Ecosystem?node-id=1168-42718&t=tNZl3UkSM5oSUYv5-1

Status
colourGreen
titleCompleted

CORE Team “Unauthorized Access” page

Status
colourYellow
titleStatic Wireframes

https://www.figma.com/design/Sm5snrmk5cKXWP32x9mAaz/BCWS-Intake-%26-Deployment-Ecosystem?node-id=1139-13988&t=n19FKoZVAzUvzKsa-1

Created on June 10, 2024

Single integrated EOI form (CHEFS)

Status
titleScreenshots
Status
titleComments

https://www.figma.com/file/Sm5snrmk5cKXWP32x9mAaz/BCWS-Intake-%26-Deployment-Ecosystem?type=design&node-id=462%3A36812&mode=design&t=VNrCFdwNQpxx2WSC-1

Status
colourGreen
titleCompleted

screenshots taken from drafted CHEFS form with notes on required changes

Status
colourGreen
titleTest Form

https://submit.digital.gov.bc.ca/app/form/submit?f=7e6c5643-ecc2-4bcd-955a-c7d4927757b1

Status
colourGreen
titleCompleted

Moved to prod and released

...