Client Project/AEC / BIM Software

PiVDC Website BIM Case Study

PiVDC Website is a BIM/VDC automation product portal for Pinnacle Infotech.

Remote delivery
3D Viewer & BIM Software Development, SaaS Platform Development, Custom Software Development
PiVDC Website project preview
PiVDC Website - BIM
Overview

About the Project

PiVDC Website is a BIM/VDC automation product portal for Pinnacle Infotech. It combines a public marketing and product discovery site with authenticated customer dashboards and a super-admin console for managing packages, add-ins, installers, organizations, users, requisitions, invoices, release notes, demo requests, and analytics. The project includes public product pages, authenticated user dashboards, organization access management, admin workflows, package and add-in management, installer uploads, invoice handling, requisitions, comments, voting, QR code generation, and analytics embeds.

Building BIM with practical implementation discipline

PiVDC Website is a BIM/VDC automation product portal for Pinnacle Infotech. It combines a public marketing and product discovery site with authenticated customer dashboards and a super-admin console for managing packages, add-ins, installers, organizations, users, requisitions, invoices, release notes, demo requests, and analytics. The project includes public product pages, authenticated user dashboards, organization access management, admin workflows, package and add-in management, installer uploads, invoice handling, requisitions, comments, voting, QR code generation, and analytics embeds.

Industry Value

Why this BIM matters for the industry

For BIM/VDC product companies selling automation tools and customer portals, the hard part is not just launching software. The harder problem is that technical product portals need to connect public marketing, packages, add-ins, installers, dashboards, and admin controls without confusing buyers. This case study shows how a focused implementation can turn that friction into a BIM/VDC product portal with public pages, customer dashboards, package management, add-ins, installers, and super-admin controls.

Clarifies the operating workflow behind BIM VDC product portal instead of only presenting a user interface.
Connects the product experience to real business actions such as onboarding, discovery, reporting, support, payments, content, or admin control.
Gives similar teams a practical reference for what to centralize, what to automate, and what should remain easy for humans to manage.
Helps buyers and operators understand the practical implementation choices behind the workflow, not just the finished interface.
Workflow Change

Before and After the Build

Before

Product discovery, customer access, add-ins, installers, packages, and admin controls needed one coherent portal.

Buyers required public product clarity while customers needed authenticated dashboard workflows.

Internal teams needed super-admin control over product and package operations.

After

The portal combines public marketing, authenticated customer dashboards, and super-admin management.

Users can discover packages and manage product-related resources through a cleaner interface.

The platform creates a more scalable commercial surface for BIM/VDC automation products.

The Challenge

Challenges We Faced

1. Product and workflow clarity

Turning the bim concept into a usable, structured product experience.

2. Technical implementation depth

Coordinating the implementation across React, Next.js, TypeScript, Next.js Pages Router, and related platform services.

Platform Features

Key Features Delivered

Public marketing website
BIM/VDC product landing pages
Featured package and product detail pages
Add-in discovery, search, and filtering
AI / Copilot search response
Streaming GraphQL search responses
Plugin help documentation
Release notes listing and admin management
Request demo and contact forms
QR code generator and exports
AWS Cognito authentication
Google federated sign-in
Role-based access control
Account dashboard and assigned packages
Requisition listing, filtering, submission, voting, comments, and attachments
Organization user management
Super-admin package, add-in, installer, organization, invoice, lead, and event management
CSV export, pagination, SEO sitemap, and analytics
Our Approach

How We Solved It

1

UI/UX implementation.

2

Frontend and backend API integration.

3

AWS Amplify, AppSync, and Cognito integration.

4

Role-based authorization.

5

Public website development.

6

Product discovery workflow.

7

AI search and GraphQL subscription streaming.

8

Help documentation and release notes workflows.

Scope of Work

Implementation Scope

UI/UX implementationFrontend and backend API integrationAWS Amplify, AppSync, and Cognito integrationRole-based authorizationPublic website developmentProduct discovery workflowAI search and GraphQL subscription streamingHelp documentation and release notes workflowsDemo request and contact lead workflowsQR code workflowAccount dashboardRequisition workflowAdmin dashboards and management modulesFile upload workflowCSV export workflowEmbedded analytics dashboardsSEO sitemap and analytics tracking
System Architecture

How the System Was Structured

Experience layer

React, Next.js, TypeScript, Next.js Pages Router shaped the user-facing product screens, responsive flows, and role-specific interface patterns.

Workflow and data layer

GraphQL, GraphQL Subscriptions supported the operational records, authenticated workflows, content models, and business logic behind the product.

Integration layer

AWS Amplify, AWS AppSync, AWS Cognito, AWS S3 Pre-signed Uploads, Google Analytics, Vercel Analytics connected the product to the external systems, AI services, media storage, analytics, and deployment surfaces it needed.

Operating layer

Admin screens, structured content, dashboards, and repeatable workflows made the system easier to maintain after launch instead of leaving value trapped in custom code.

Project Gallery

Project Screenshots

PiVDC Website screenshot 1
PiVDC Website screenshot 2
PiVDC Website screenshot 3
PiVDC Website screenshot 4
PiVDC Website screenshot 5
PiVDC Website screenshot 6
PiVDC Website screenshot 7
PiVDC Website screenshot 8
PiVDC Website screenshot 9
PiVDC Website screenshot 10
PiVDC Website screenshot 11
PiVDC Website screenshot 12
PiVDC Website screenshot 13
PiVDC Website screenshot 14
PiVDC Website screenshot 15
PiVDC Website screenshot 16
PiVDC Website screenshot 17
PiVDC Website screenshot 18
PiVDC Website screenshot 19
PiVDC Website screenshot 20
The Outcome

Results Delivered

Delivered a bim project with implementation coverage across Public marketing website, BIM/VDC product landing pages, Featured package and product detail pages, Add-in discovery, search, and filtering.

3D Viewer & BIM Software Development
SaaS Platform Development
Custom Software Development
Operational Impact

Operational lift for BIM/VDC product companies selling automation tools and customer portals

The value of this case study is in the operating shift: a BIM/VDC product portal with public pages, customer dashboards, package management, add-ins, installers, and super-admin controls. For teams in this category, that means clearer ownership, fewer scattered tools, and a stronger foundation for growth.

1

Reduces scattered work by moving the core BIM VDC product portal workflow into a structured product surface.

2

Improves visibility because users, admins, or operators can inspect the state of the workflow instead of relying on informal updates.

3

Creates a stronger foundation for future automation, analytics, integrations, and workflow expansion.

4

Public marketing website gives teams a more repeatable way to handle public marketing website without rebuilding the workflow manually.

Reusable Lessons

What BIM/VDC product companies selling automation tools and customer portals can take from this BIM build

PiVDC Website is useful beyond the project itself because it shows how a focused product can reduce operating friction in a specific workflow category.

Start with the workflow that creates repeated manual drag, then design the product around making that workflow visible and easier to complete.

Use integrations only where they remove a real handoff. A connected stack is valuable when it improves data flow, support quality, reporting, or user speed.

Keep admin control and content maintenance in the architecture from the start so the product does not become fragile after launch.

Treat AI, automation, and dashboards as operating layers. They should help teams make decisions, complete work, or understand exceptions rather than exist as disconnected features.

Technologies

Technologies We Used

ReactNext.jsTypeScriptNext.js Pages RouterAWS AmplifyAWS AppSyncAWS CognitoGraphQLGraphQL SubscriptionsAWS S3 Pre-signed UploadsMaterial UIMUI X Data Grid ProTanStack QueryAxiosReact Hook FormFormikYupDraft.jsReact DropzoneFramer MotionQR Code Stylingjson2csvJSZipGoogle AnalyticsVercel Analytics
Search Questions

Questions This Case Study Helps Answer

What problem does this bim solve?

PiVDC Website addresses a common problem for BIM/VDC product companies selling automation tools and customer portals: technical product portals need to connect public marketing, packages, add-ins, installers, dashboards, and admin controls without confusing buyers. The build turns that issue into a BIM/VDC product portal with public pages, customer dashboards, package management, add-ins, installers, and super-admin controls.

What can similar teams learn from the PiVDC Website build?

The main lesson is to design around the operating workflow first. Screens, integrations, data models, and AI features become more useful when they reduce handoffs and make the work easier to inspect.

What technology stack supported this case study?

The implementation used React, Next.js, TypeScript, Next.js Pages Router, AWS Amplify, AWS AppSync, AWS Cognito, GraphQL, and related platform services to support the product experience, workflow logic, and integrations.

When should a company build a custom bim?

A custom build makes sense when off-the-shelf tools cannot match the workflow, data model, integrations, or user experience required by the business. The goal is not custom software for its own sake; it is operational leverage that holds up after launch.

Ready to Start?

Let's Build Something Great Together

Have a project in mind? Let's discuss how we can help bring your vision to life with our expertise in React, Next.js, and more.

View All Case Studies