How we built a design system from scratch

Project
Overview

How we helped Bridge-it turn an early-stage concept into a functional product prototype and long-term design partnership. From unclear deliverables to an evolving, production-ready UX/UI foundation.
The problem we solved:
Rapid prototyping, UX/UI design, iterative product flows.

How long
it took:
Initial prototype delivered in weeks, followed by continuous multi-month product co-development.
together since:
2020
2026
Skills we flexed:
Method
Growth
Ux/UI Design
MVP
Webflow
Strategy
Branding
Dashboard interface of Bridge-it Healthcare Planner showing plan progress metrics, task list for college selection, recommended activities, and an AI chat panel on the right.

+310%

increase in organic website traffic in 8 months.

+45%

increase in organic website traffic in 8 months.

+140%

increase in organic website traffic in 8 months.

The Challenge

Bridge-it had strong documentation and early market signals, but no tangible product to show investors or potential partners. Their team was gathering requirements in real time and needed a functional prototype to validate the idea, collect feedback, and accelerate commercial discussions.

Dashboard interface showing a student hub with plan overview, counselor details, goals in progress, and a meeting calendar, featuring colorful task progress bars and navigation menus.Welcome message with text 'Hi there, Frank, Let’s start exploring Collages' and a purple button labeled 'Ask AI Copilot' on a purple gradient background.

Our Approach

We started by converting their early insights, interviews, and requirements into a clear set of user flows. From there, we designed and built a first clickable prototype focused on demonstrating core value and usability. Once validated, we shifted into a long-term partnership model, collaborating directly with their development team, designing and refining flows one by one, supporting continuous feedback cycles, and ensuring consistent UX/UI quality as the product matured.

Bridge-it interface displaying the statement: 'College graduates typically earn more over their careers than non-graduates,' marked as correct.Card highlighting Harvard University, Cambridge, MA, with IT and Business tags, noting its interdisciplinary approach, AI research, and strong alumni network.
Chat interface greeting user Mark and offering help with school tasks like creating a study schedule, explaining quantum physics, and writing a thesis statement, with input box to ask questions or upload attachments.Digital meetings calendar for Student Hub showing events on Monday, Tuesday, and Wednesday with titled tasks and dates in March 2025.

The Outcome

The initial prototype enabled Bridge-it to progress investor conversations and strengthen partner engagement. Over the following months, we helped shape the product’s UX and UI baseline, delivering a structured, scalable design system and supporting the launch of multiple functional flows used in ongoing development.

Healthcare Planner dashboard interface showing pinned colleges, counselor suggestions, personalized notes, and an AI chat assistant offering college recommendations for Computer Science.

Vivido Method

Vivido Method

Vivido Method