typeworkCollab Internal
← Showcase

Reboot v3 · Positioning · IA · Journey

Design philosophy, system structure & user journey

Collab is a business speed-dating platform for small and medium businesses — Tinder for Small Business. This is the reboot spec, read as a page: what the product is, how it is structured on mobile and PC, how a business moves from discovery to a real partnership, and how the whole thing pays for itself.

Positioning & design philosophy

Collab is a "business speed-dating" platform for small and medium businesses. It helps a small business quickly discover partners that are commercially relevant, post its own collaboration needs, and turn matches into real business partnerships. The one-line pitch is deliberately borrowed from a product everyone already understands.

Swipe → Post a need → Let AI match you up → Find the right business partnerClose a deal
Proximity means business relevance, not geographic distance. The matching logic is fundamentally about supply–demand complementarity — upstream and downstream supply-chain partners, compatible cross-industry partners, and partners who can refer business to each other. Location is an optional filter, not the matching engine. The one exception is the homepage map, which still appears in geographic form but functions as a confidence device, not a matchmaker.
Two-layer positioning

One product, two audiences

Collab reads differently depending on who is looking. To the user it is a complete, standalone product; to the team and investors it is a prototype for something larger. Both are true at once, and the reboot has to hold the line between them.

LayerPositioningAudienceSuccess criteria
Product layer (external) A standalone, fully usable SMB business speed-dating product SMB owners Users self-serve discovery, matching and partnerships, and will pay a subscription to facilitate deals
Strategic layer (internal) A scalability prototype for the Typework ecosystem Team & investors Proves business synergy and scalable growth, and draws users toward the Typework core product
To the user, Collab is a complete standalone product — not an appendage of Typework. The strategic narrative stays behind the experience, never in front of the user. This was the root cause of V2's positioning drift; the reboot must not repeat it.

Collaboration types: support them all

Collab does not presuppose a single kind of collaboration. Users choose and describe the type themselves when posting a need, and matching and AI recommendations run on top of those types. The front end's job is to present these heterogeneous intents as clearly scannable tags and cards.

Joint marketing Cross-industry partnership Supply / demand & supply chain Referrals …and more

What Collab is not

  • Not a static partner directory or showcase wall. Ecosystem display is a byproduct; the main line is active matching and deal-making.
  • Not a local-life product where matching equals geographic location. Location is only a filter; matching runs on business relevance.
  • Not a heavyweight CRM. Filtering and list management exist to "match faster with the right person," never to take center stage.

Target users & core value

Target users are SMB owners looking for suppliers, distribution, joint marketing, cross-industry partnerships or referrals — but who lack the channel and the time to screen the right partners one by one. Collab compresses that screening into a product loop of three verbs.

1
See

Discover commercially relevant businesses and the partnerships they are actively seeking.

2
Match

Quickly find "the right person" through swiping, need posting and AI matching.

3
Close

After a match, unlock the other party, start chatting, and move the online match into a real partnership.

Core product formats

Collab is built from three community interaction modes plus one AI analysis capability. These four things — cross-platform, shared by mobile and PC — are what the entire UI is organized around.

Mode A · Discover

Homepage: map + recommendations

A geographic map is the primary visual, but its role is a confidence device — it answers "how many reachable businesses are near you" to reassure cold-start users. Alongside it, recommended Need Cards surface partnerships nearby and relevant businesses are seeking. Positioning is deliberately imprecise (blur to a region, allow manual correction), never sold as a feature.

Mode B · Speed-Match

Swipe, Tinder-style

One card = one business (logo / industry / bio / intent tags); its specific needs live in a secondary position or on the detail page. A limited number of swipes per day, one card at a time — swipe right = interested, swipe left = skip, fixed and clearly labeled. Mutual interest becomes a Match and moves into the Inbox.

Mode C · Post a Need

Ask, don't just browse

The center homepage tab becomes a +; tapping it opens the post-a-need flow. Users proactively post a collaboration need and wait for responses, with AI-assisted copy generation. This was V2's most critical gap — without it, the community only supported one-way discovery, with no active closed loop.

Capability D · AI Analysis

Light business consulting

A paid deliverable that generates a report covering (a) your current business state, (b) possible improvements, and (c) recommended potential partners. It is the automated version of business-consulting delivery — high value, high willingness to pay — and a core selling point of the paid tiers.

Two community modes, one insight layer: invite–respond (post a need, wait for responses) and interest–match (like a business, mutual interest triggers a match), with AI Analysis layered on top as active research and insight.

System structure & information architecture

Mobile and PC are a division of labor, not a responsive copy of one product. Each platform gets the navigation model that suits how it is actually used.

Mobile = casual discovery. PC = professional console. The mobile app is lightweight, immediate and gesture-driven — built for casual discovery and swipe matching. The PC web is a professional dashboard for depth and operations — AI reports and conversations, managing multiple partnerships and needs, editing profiles, board-style browsing. The one shared move: every login opens on the map, so even the console never feels cold.
Mobile app

Bottom 5-tab bar

Fixed order, left to right. Post-a-Need has no tab of its own — it lives behind the center +.

#TabContent
1InboxMatch list and conversations; matches not yet paid-unlocked appear with a blur overlay
2SwipeDaily swipe deck of business cards
3Home / Map (+)Map confidence device + recommended need cards. On this page the center tab becomes +, opening the post-a-need flow
4AI AnalysisAI analysis reports — a paid capability, locked or unlocked
5AccountCompany profile, subscription & billing, settings, "Import to Typework" entry point

For first-time users with no posting history, the homepage + directly surfaces a hovering preview of a recommended need for their business — empty-state cold-start guidance that nudges them to complete a first post.

PC web

Collapsible left-sidebar console

The classic SaaS pattern: a left sidebar plus a large right content area. The sidebar is collapsible — expanded for full navigation, collapsed to free up width for the map, AI reports and board views. After login the default landing view is Map / Discover, map-first, with the latest message and match-activity cards floating above it rather than opening straight into a cold report.

SectionContent
Map / DiscoverMap + recommended need cards — the default home after login
Inbox / CollaborationsMatches, conversations and proposal progress; unlocked matches shown with an in-place blur overlay
My NeedsPost new needs, and manage posted needs and their responses
SwipeKept as a top-level entry, but the page shows a QR code — "scan for a better experience on mobile" — driving cross-platform acquisition
AI AnalysisPaid reports + chatbot follow-up — the deep-use case that leverages PC's large screen
My AccountAccount settings and subscription management

Bidirectional matching on PC is handled by Map / Discover's recommendations and need discovery, so nothing is lost by moving swipe to mobile. The paywall is consistent across platforms: same triggers, presented as an in-place overlay plus an upgrade modal, with card-on-file management centralized in My Account.

User journey

Cold-start onboarding

From landing to a live company profile

1
Sign up — "Start Now"

The logged-out landing leads with a one-line value prop, a "how it works" trio (sign up → match → collaborate), and the map showing N reachable businesses nearby.

2
Choose industry

The user picks their industry to seed relevant matching and recommendations.

3
Enter a link → auto-fetch

Paste a website link and the platform auto-fetches company info — the same logic as Marketing Hub — so profile creation is near-zero effort.

4
AI generates a bio

AI drafts a company bio from the fetched info; the user confirms or edits.

5
Verify → home

A verification code creates the company, and the user lands on the homepage, ready to discover.

Matchmaking loop

From a swipe to a real partnership

1
Discover / swipe

The user swipes the daily deck or browses the homepage map and recommended need cards.

2
Mutual interest → Match

When interest is mutual, a Match is created and moves into the Inbox.

3
Inbox — blurred

Matched-but-unpaid contacts appear with a blur overlay and a visible count ("3 businesses want to collaborate with you") to create curiosity and urgency.

4
Pay to unlock

Tapping unlock forces a card-on-file subscription and reveals who the other party is — the moment that truly needs protecting.

5
Chat / send proposal

The user starts a conversation or sends a proposal — joined businesses can initiate collaboration directly from the detail page.

6
Advance the partnership

The online match becomes a real, off-platform business partnership.

Growth loop for non-joined businesses

The platform is never empty: business info is sourced from industry and map APIs, shown as "not joined," and can be claimed by the business itself or invited to join by other users. On a detail page, a joined business can be sent a proposal; a not-joined listing shows "not joined yet" with an invite action.

See a sourced business → "Not joined yet" → one-tap Invite → invitee claims their profile → ecosystem expands

Monetization & paywall

Free gives you the experience; paid gives you the deal. Aligned with Tinder's free-to-subscription logic — everyone can browse, discover and get matched, but turning a match into an actual connection is what you pay for.

Three paywall triggers

  1. Daily swipe limit exhausted — want to keep swiping, subscribe.
  2. AI Analysis entry — the report is a paid capability; locked users see only a sample plus core data.
  3. Viewing a matched party's info — the core trigger.

Why lock viewing rather than chatting? Once a user sees a matched business's identity or contact info, they can bypass the platform and connect offline. So the action worth protecting and monetizing is revealing who the other party is — which is exactly what the Inbox blur overlay and unlock button gate.

TierCapabilities
Free (Taste)Browse map and recommendations, limited daily swipes, can get matches — but the other party stays blurred
Subscription (monthly · card required)Unlock viewing matched parties, chat and send proposals, post needs, more daily swipes
PremiumHigher need-posting quota, AI Matching, and full AI Analysis reports

The prototype prices the paid subscription at $29/mo. The paywall is presented consistently on both platforms — an in-place overlay plus an upgrade modal — with subscription and card-on-file management centralized in Account → Subscription.

Strategic layer: relationship with Typework

This layer is for the team and investors — not exposed directly to users. Narratively, Collab is a scalability prototype: it proves scalable acquisition (API sourcing plus the invite loop), real business synergy, and the ability to run a standalone product — paving the way for future business integration into the Typework ecosystem.

The conversion mechanism is a single, non-intrusive entry point in Account: "one-click import of business info into Typework," smoothly guiding businesses that have already been validated on Collab into Typework's core-product onboarding.

Restraint principle — behind the experience, not in front of the user. Conversion is a strategic benefit that happens behind the scenes; it must not pollute Collab's standalone product narrative in return. Users come to Collab to find partnerships, not to be funneled elsewhere.

The elevator pitch, both ways at once: Collab is Tinder for small businesses — swipe, post a need, let AI match you up, and find the right partner to close a deal with. And for Typework, it is a living prototype of our scalability capability, and the first entry point on the path to the core product.