Design–Build, Done Right.
A living proposal demonstrating how Midvale can run its entire operation: from public showcase to internal studio management.
Capabilities Overview
This platform is composed of distinct, feature-flagged capabilities. Each card below represents a core feature set, its current status, and what to explore.
Public Showcase
A design-forward public website shell with a full-bleed hero.
Value
Establishes brand credibility and tells Midvale's story at first glance, converting visitors to leads.
How to Try It
The marketing team updates hero content and value propositions to reflect current company priorities.
Projects
Portfolio index and detail pages to feature completed work.
Value
Showcases craft with searchable, structured case studies that prospective clients and partners can easily filter and explore.
How to Try It
Project managers create and update project pages, adding photos and details as work progresses, which automatically updates the public portfolio.
Media Viewers
Lightbox, Before/After slider, and a multi-page PDF Plans viewer.
Value
Clearly explains transformations and technical drawings to clients and partners, reducing ambiguity and improving communication.
How to Try It
During client meetings, a PM pulls up the plans viewer to walk through design changes. The marketing team uses the Before/After slider for social media.
Search & SEO
Server-side filtering, OG tags, JSON-LD schema, and sitemap.
Value
Helps new clients find relevant project examples quickly and improves Google search ranking, driving organic traffic.
How to Try It
The system automatically generates sitemaps and schema.org data. The team uses the URL-persisted filters to share specific project lists.
Projects Map
Map with clustered pins and a list view toggle.
Value
Visually highlights Midvale's geographic footprint and local experience, building trust with clients in specific neighborhoods.
How to Try It
During an initial client call, a sales team member filters the map to show completed projects within a 5-mile radius of the prospect.
Co-op Directory
A filterable directory of trusted partners and a public application form.
Value
Elevates co-op partners as a key part of Midvale's value proposition and drastically shortens the time needed to find and vet vendors.
How to Try It
A PM filters the directory to find an available electrical co-op for an upcoming project. An interested co-op applies via the public form.
Lead Intake & Pipeline
Public inquiry form that feeds an internal Kanban board.
Value
Centralizes all incoming leads into a predictable, transparent workflow, ensuring no inquiry gets lost and follow-up is consistent.
How to Try It
A potential client fills out the inquiry form. The lead automatically appears in the 'New' column of the Studio pipeline for the team to triage.
Studio Board
Per-project board to track phases, checklists, and key decisions.
Value
Keeps project teams aligned on status and next steps across the entire build lifecycle, from feasibility to closeout.
How to Try It
During the weekly project sync, the team reviews the Studio Board, moves project cards between phases, and checks off completed tasks.
Client Timeline & Approvals
A shared view of milestones with approval gates for clients.
Value
Reduces email back-and-forth and creates a clear, auditable record of client approvals on key decisions, preventing costly rework.
How to Try It
A PM sends a shared link to the client, who can view the upcoming schedule and approve the final window selections, locking them in.
Field Notes PWA
Offline-capable app for site crews to capture notes and photos.
Value
Ensures critical site communication isn't lost due to poor connectivity. Notes and photos sync automatically when back online.
How to Try It
A site foreman, while offline in a basement, takes a photo of an issue, adds a note, and sets the status. It syncs later for the PM to triage.
Capacity Planner
A utilization heatmap and suggestion engine for partner staffing.
Value
Helps staff projects smarter and distribute work more fairly among co-op partners, preventing burnout and strengthening relationships.
How to Try It
When planning a new project, a PM checks the capacity planner to see which carpentry co-ops have availability in the coming weeks.
Analytics Dashboard
KPIs, trend charts, and data exports for business health.
Value
Provides measurable insights into cycle time, partner mix, and pipeline health, enabling data-informed business decisions.
How to Try It
The leadership team reviews the analytics dashboard monthly to track the percentage of spend with co-ops and monitor lead conversion rates.
Client Share Links
Time-boxed, read-only links for sharing project progress.
Value
Clients stay informed on project progress without needing an account or login, improving transparency and reducing status update emails.
How to Try It
A PM generates a share link that expires in 7 days, scopes it to show only the gallery and timeline, and sends it to the client for their weekly update.
RFIs & Decisions
A lightweight, threaded log for questions and answers.
Value
Reduces rework by ensuring that important questions are tracked and decisions are documented and findable later.
How to Try It
An architect logs an RFI about a wall assembly. The structural engineer comments, and the PM links the final decision, creating a permanent record.
Procurement
Track line items, vendors, costs, and statuses.
Value
Provides a clear view of project spend and helps mitigate risks from material delivery delays.
How to Try It
A PM adds the window package to the procurement list, assigns a vendor, and updates the status from 'ordered' to 'delivered'.
Admin Console
Manage roles, feature flags, and system settings.
Value
Enables controlled rollouts of new features and provides a central place for system observability and user management.
How to Try It
An admin uses the console to enable the 'feature_analytics' beta for the internal team and assigns a new employee the 'Staff' role.
Enhanced Clickable Sitemap
An interactive map of all proposed routes, grouped by surface. Status is dynamically computed based on feature flags and your (simulated) user role.
| Title | Description | Route | Status | Action |
|---|---|---|---|---|
| Home | Narrative hero. | / | Loading... | |
| Projects | Grid & detail. | /projects | Loading... | |
| Project Detail (Example) | Meta + media. | /projects/[slug] | Loading... | |
| Media Viewers | Lightbox/Before‑After/Plans. | /projects/[slug]#media | Loading... | |
| Search & SEO | Server filters & SEO. | /projects?query=retrofit | Loading... | |
| Projects Map | Clusters & toggle. | /projects?view=map | Loading... | |
| Co‑op Directory | Partners & apply. | /partners | Loading... | |
| Lead Intake | Inquiry form. | /inquire | Loading... | |
| Share Link (Example) | Read‑only view. | /share/[token] | Loading... |
| Title | Description | Route | Status | Action |
|---|---|---|---|---|
| Pipeline | Kanban pipeline. | /studio/pipeline | Loading... | |
| Studio Board | Phases & tasks. | /studio/board | Loading... | |
| Timeline (Example) | Approvals lane. | /studio/projects/[id]/timeline | Loading... | |
| Field Notes (Triage) | Triage notes from the field. | /studio/projects/[id]/field | Loading... | |
| Capacity Planner | Utilization heatmap. | /studio/capacity | Loading... | |
| Analytics | KPIs & trends. | /studio/analytics | Loading... | |
| Share Links (Manage) | Create tokens. | /studio/projects/[id]/share | Loading... | |
| RFIs (Example) | Threads. | /studio/projects/[id]/rfis | Loading... | |
| Procurement (Example) | Totals & status. | /studio/projects/[id]/procurement | Loading... |
| Title | Description | Route | Status | Action |
|---|---|---|---|---|
| Admin Settings | Roles/flags/audit. | /admin/settings | Loading... |
ROI & Transparency
Demonstrable value delivered through streamlined operations and clear reporting.
Avg. Project Cycle Time
From intake to closeout, a streamlined process saves time.
Spend with Co-op Partners
Investing back into the local, worker-owned community.
Active Projects Managed
Centralized studio keeping all projects on track.
Average Weekly Leads
Increased visibility and clear inquiry paths drive growth.