Design review · static mockup

A website for board meeting minutes

A small water company records its monthly board meeting. The system transcribes the recording, drafts minutes along the meeting's agenda, and saves them as a Google Doc in the board's shared folder. This website is where the person running it checks progress, fixes the list of attendees, and approves the minutes after the board signs them.

Agenda→Recording→Transcript→Draft→Approved

Tap any screen to open it at phone size. The links between screens work. All names, dates and text are invented.

The screens

Home screen

1Home

What needs a person first, then recent meetings with one line of status each.

Choosing the agenda

2Choosing the agenda

Shown only when the app can't tell which file in the meeting's folder is the agenda.

A drafted meeting

3A drafted meeting

The Google Doc is the main action. The list of people can be corrected here.

Drafting again

4Drafting again

After a fix to the people list. It says what it costs and that the current Doc is left alone.

Transcript

5Transcript

Who said what, with search, kept until the minutes are approved.

Approving the minutes

6Approving the minutes

Lists what is deleted for good and what is kept, before a final confirm.

Approved meeting

7Approved meeting

Opens the final minutes and confirms each delete.

Upload

8Upload

For a meeting recorded on a phone instead of Zoom.

Settings

9Settings

The Google connection, the meetings folder, the people list and notifications.

Technical details

10Technical details

Engine, costs and speaker scores, kept off the main path for whoever debugs a run.

Choices we'd like a second opinion on

These are the current defaults. Say if any looks wrong.

Home order"Needs you" first, then recent meetings. After the board meets, a drafted meeting moves into "Needs you" as a reminder to approve it.
Drafting againA new draft never replaces the Google Doc by itself. The site asks first, because someone may have edited the Doc.
Costs on screenRough costs show beside paid steps, such as "about 20¢ to draft".
ApprovingA red "Approve and delete" button with a plain list of what is deleted, after a confirm step. No extra tick box.
TranscriptPlain transcript with search. No headings per agenda item.
Uncertain speakersA muted "likely" after a name the system isn't sure of. Below that, "Unknown speaker".
Cancelled meetingsShown as a meeting marked "Cancelled". The annual shareholders meeting gets no card, because it has no minutes.

Screens are drawn for a 390-pixel phone. From 900 pixels wide, the tabs move to a top bar and a meeting page splits into two columns. The error and in-progress states aren't drawn yet.