The drawing leads.
The opening screen shows the current sheet, revision and comment pins together. Its decision queue opens the same review directly; the project page keeps the drawing beside the brief and milestone.
FIELDWORK / PRODUCT DESIGN & DEVELOPMENT
From drawing
From drawing
to decision.
A workspace for design studios, built around the drawing and the decisions that move a project forward.
THE BRIEF
A drawing is ready.
A drawing is ready.
A decision is still open.
The design scenario is a small architecture studio preparing a drawing set for review. A courtyard opening needs a decision, the kitchen layout has an unresolved comment, and the project milestone is approaching. The principal needs to see the drawing and the exact questions holding it up.
I made the drawing the center of the studio desk. A decision queue sits beside it, and upcoming work stays one level below. Project and task totals become compact navigation links. The hierarchy gives the next decision more space than the overall counts.
Approval follows the feedback.
Open comments block approval. Resolving the last comment enables the action; new feedback or a reopened issue returns the set to review. The approval bar stays visible while the drawing and conversation scroll independently.
The phone keeps the decision.
The drawing comes first, followed by the same decision queue. The review becomes a full-width sheet, with zoom for small details and a sticky approval bar. Navigation stays within thumb reach.
THE REVIEW WORKFLOW
The conversation
The conversation
belongs on the drawing.
Select a numbered pin to locate its conversation. Zoom to inspect the detail, place a new pin, or use arrow keys and Enter to position keyboard feedback. The author and location stay attached to each comment.
01 / INSPECT
Find the exact detail.
A pin connects the drawing location to the feedback.
02 / RESOLVE
Close the open questions.
The approval action stays unavailable until every issue is resolved.
03 / APPROVE
Move the set forward.
Approval updates the desk count. A new comment reopens the review.
The brief stays beside the work.
The project view combines the current drawing, design phase, milestone and task progress. Opening its sheet leads straight into the same review, preserving the project context.
THE MOBILE EXPERIENCE
The studio, on the move.
A phone visit still begins with the current drawing. Larger controls, a stacked decision queue and a full-width review sheet preserve the workflow at a smaller size. The schedule becomes a dated agenda, so deadlines remain readable without panning a calendar.
01 / OVERVIEW
02 / PROJECT CONTEXT
03 / PINNED FEEDBACK
THE VISUAL LANGUAGE
A working vocabulary.
Instrument Sans carries the interface. IBM Plex Mono marks sheet numbers and revisions. A dark studio rail frames a warm desk; clay pins identify feedback, while green signals resolved work.
Paper#F6F5F0
Studio rail#2B322E
Clay#AD5539
Resolved#E5EEE4
WHAT WAS BUILT
One connected workflow.
The interfaces share the same project and task records. Completing a task updates its project progress; a review decision updates the workspace's pending count.
Studio overviewLive workspace totals
Project library & detailSearch, filters & project creation
Task boardAssignment, states & CSV export
Drawing reviewPins, feedback & approval
Studio scheduleDeadlines & milestones
Mobile interfaceResponsive views & review sheet
Spend a minute in the studio.
Create a project, complete a task or leave a comment on a drawing.
A self-initiated product project by Kai Zhang. The workspace contains illustrative studio records, with changes saved in the browser.