Vessel Registry - Design Artifacts

https://miro.com/app/board/o9J_kvHbMpk=/

Service Blueprint (Current state and Future state):

https://miro.com/app/board/o9J_lf4TzFQ=/

Service Finder Decision Tree:
https://miro.com/app/board/o9J_ldYKt_o=/

 

Wireframes + Clickable Prototypes

SERVICE REQUEST MANAGEMENT

  • Service Request Board (for Vessel Registrars)

Functionalities

Link

Functionalities

Link

1

Service Request Board (Dev prototype)

  • Most up-to-date “Coded version”of Service Request Board

https://vessel-registry-dev.azurewebsites.net/en/servicerequests

2

General wireframe for increment 1 app (request board + adding request + summary view)

https://www.figma.com/file/IZpBkpxe2P26OtQ5Nsqgs3/Wireframe?node-id=86%3A7

3

Request Board Table Layout

Request Board Table Layout (general)

4

Add a Request

  • allows users to add new service request and submit relevant attachments for data entry/ review

Happy Path Wireframe: https://www.figma.com/file/FxrmgmRsckOtROypmX8mlQ/View-Details---Req-%2B-Add-new?node-id=386%3A0
Happy Path Clickable Prototype: https://www.figma.com/proto/FxrmgmRsckOtROypmX8mlQ/View-Details-Req-Add-new?node-id=386%3A0&scaling=min-zoom
Unhappy Path Wireframe: https://www.figma.com/file/OcUvbRfIBGR1crqFsiVs0v/Add-and-View-Attachments?node-id=1298%3A10

5

View Request

  • allows users to access to basic information of existing service requests prior to data entry/review

Wireframe: https://www.figma.com/file/IZpBkpxe2P26OtQ5Nsqgs3/Wireframe?node-id=0%3A1

 

6

Edit and Remove Request

Wireframe: https://www.figma.com/file/IZpBkpxe2P26OtQ5Nsqgs3/Wireframe?node-id=0%3A1

7

Cancel + Close Request

Wireframe: https://www.figma.com/file/IZpBkpxe2P26OtQ5Nsqgs3/Wireframe?node-id=0%3A1

8

Group Request

  • allow users to group and process requests that was submitted together/need to be processed together (ie. someone does a transfer of ownership and wants to change the name of the vessel as well)

https://www.figma.com/file/KwUKTCge4Irw2KuyuLEY8U/Grouping-requests-prototype?node-id=0%3A1

9

View and Assign Status

Wireframe: https://www.figma.com/file/WDZyDWhPmtkxLqS7o200xe/Assign-status---general?node-id=0%3A1

10

Sort/ Filter Service Request

Wireframe: https://www.figma.com/file/V89LFFVKvx6Qg8un9AOy3L/Filters---Req.-board-(jun-23)?node-id=0%3A1

11

Filter + Search 2.0

Prototype: https://www.figma.com/file/dMlSvDPBTgxWEFyGROXmWr/Filter-Search-prototype?node-id=0%3A1

SUBMIT SERVICE REQUEST ONLINE

  • Online Intake Form (for vessel owners)

Functionalities

Links

Functionalities

Links

Overall flow/ navigation

  • displays how vessel owners would complete first-time vessel registration form online in 8 steps (ie. 1. registration details, 2. engine information, 3. vessel details, 4. owner details, 5.contact information, 6. upload documents, 7. review, 8. submit and pay)

 

Shares of Ownership

  • displays how vessel owners assigns sequences of ownership for their registration

Review, Submit & Pay

  • displays how vessel verify information submitted and pay for their application

Service Initiation Pages

Result Pages

VESSEL AND OWNER INFORMATION SEARCH

REVIEW AND APPROVE APPLICATION

  • High-level steps to process application (for registrars

 

 

 

 

Overall Flow to Review and

  • display high-level steps for registrars from request summary, data entry and approve application

Wireframe (Happy Path):

 

 

PARKING LOT