Skip to main content
UI Coach Logo
Advanced

Plan a Client Project With Dependencies

Design a cloud project workspace that separates internal planning from client-visible milestones, decisions, and deliverables.

Desktop web4 hours plus

The brief

Understand the problem

Background

Agencies and consultants need detailed internal plans while clients need a simpler view of milestones, approvals, and items awaiting their input.

User context

Talia manages a website redesign with an internal design team and three client stakeholders. The next milestone depends on content approval, which has no clear owner.

Product problem

Sharing the entire internal project creates noise and exposes private notes. Hiding too much leaves the client unaware of blockers and decision deadlines.

Objective

Create a project setup and milestone workflow with role-based internal and client views.

What to design

Define the experience

Required experience

  • Project plan with milestones and dependencies
  • Internal work view with private notes
  • Client portal with decisions and due dates
  • Approval request and impact communication

Screens and states

  • Project timeline
  • Milestone detail
  • Internal task view
  • Client portal
  • Approval request

Core user flow

Follow the critical path

  1. 01

    Talia maps milestones and the dependencies between them

  2. 02

    She marks internal tasks and client-visible deliverables

  3. 03

    She assigns the content approval to a client stakeholder

  4. 04

    The client reviews the deliverable and requests a change

  5. 05

    The timeline shows the potential effect before dates are revised

Product rules

Requirements and constraints

Requirements

  • Separate internal, shared, and client-only visibility clearly
  • Connect milestones to the decisions and deliverables that unlock them
  • Show date impact as a forecast before committing changes
  • Record approval scope, version, and participant
  • Give clients a focused queue of required actions
  • Preserve an audit trail when visibility changes

Constraints

  • External users may belong to several client organizations
  • A project can contain hundreds of tasks
  • Milestone dates may depend on uncertain review time
  • Files can have several active versions

Reality check

States worth considering

A private note is accidentally included in a shared task
The approver lacks access to the referenced file
A newer deliverable version appears during review
Two client stakeholders give conflicting decisions
A dependency spans a different project

Finish line

What to deliver

  • Design five desktop screens that demonstrate internal planning, client focus, visibility, and approval impact.

Optional direction

Visual resources

Use these as a starting constraint if you want one. They are not part of the required solution.

Font pairing
RufinaOxygen

Rufina & Oxygen

Clear interface writing gives people the confidence to understand what changed and decide what to do next.

Icons
Illustrations

Keep practicing

Advanced
Project management

Hand Off a Blocked Team Task

Design a task management workflow that makes ownership, dependencies, handoffs, and blocked work visible to a business team.

Desktop web4 hours plus
Information ArchitectureProduct Thinking
Advanced
Project management

Scope an Event Planning Request

Design an intake and proposal workflow that turns an uncertain event idea into a clear plan, budget, and approval trail.

Desktop web4 hours plus
Product ThinkingInformation Architecture
Advanced
Project management

Review a Risky Project Dependency

Design a project review that exposes how one delayed dependency affects milestones, owners, and credible mitigation choices.

Desktop web2 to 4 hours
Product ThinkingData Visualization
Intermediate
Project management

Turn Wedding Research Into Decisions

Design a planning hub that helps a couple compare advice, shortlist vendors, and record decisions without managing the entire wedding.

Responsive web2 to 4 hours
Product ThinkingInformation Architecture
Advanced
Developer tools

Code Review Load Balancer

Design a review queue that helps an engineering team assign pull requests by expertise, urgency, and reviewer capacity.

Desktop web2 to 4 hours
Dashboard DesignInformation Architecture
Advanced
Developer tools

Collaborative Incident Timeline

Design an incident workspace that turns live technical events, decisions, and communications into a trustworthy shared timeline.

Desktop web4 hours plus
Dashboard DesignInformation Architecture