Shopno Properties: Share-Based Housing Platform

GMK Solution planned a production-ready platform for Shopno Properties, a Kushtia-based share-driven cooperative housing business, with public website, buyer portal, broker portal, admin panel, payment ledger, OTP auth, document storage, CRM, and trust-focused local SEO.

Real Estate / Housing
Full-Stack Web Application
Product Strategy
Upcoming

Project Overview

A Share-Based Cooperative Housing Business Turned Into a Digital Platform

Shopno Properties operates a unique housing model in Kushtia. Instead of selling a ready flat to one buyer, they bring interested buyers together, help them purchase land as a committee, and build homes through monthly installments. The value proposition is powerful: buyers can own a home at roughly 20-25% lower cost than a ready flat.

The business model worked, but the operation depended on Facebook posts, WhatsApp messages, Excel sheets, and handwritten notebooks. GMK Solution planned a production-ready platform to make inventory, payments, legal progress, construction updates, broker attribution, and buyer trust visible in one system.

Client

Shopno Properties

Location

Kushtia, Bangladesh

Industry

Real Estate / Cooperative Housing

Project type

Full-Stack Web Platform

Status

Upcoming / development-stage platform

Stack

Next.js 16, Neon PostgreSQL, Prisma, Vercel, Cloudflare R2

Portals

Public website, buyer portal, broker portal, admin panel

Integrations

bKash, SSL Wireless, WhatsApp Business API, Facebook CAPI, Google Maps

Business Audit

The Question That Revealed the Operational Gap

"Can you tell us in 30 seconds how many shares are still available in each active project?"

The answer was no. The audit showed problems across operations, sales, and trust.

Operational problems

  • Share inventory existed in memory or handwritten notebooks, so nobody could instantly know which shares were still available if the right person was not in the office.
  • Buyer payment tracking lived in Excel and had to be manually updated every month.
  • Construction updates were posted only in WhatsApp groups, so new buyers could not see the project history.
  • Important documents such as khatian, dakhila, sale permission, NID copies, and legal files were difficult to locate confidently.

Sales problems

  • Facebook generated leads, but there was no CRM, so follow-ups were missed.
  • Broker commission disputes happened because there was no reliable record of which broker brought which lead.
  • The team could not clearly separate serious buyers from casual inquiries.

Trust problems

  • Buyers were paying money without receiving digital receipts.
  • Buyers could not see where the legal process stood and had to rely on verbal updates.
  • New prospects hesitated to invest in the committee-based model because the process lacked visible transparency.

Approach

Business Process Mapping Before Code

  • Three discovery meetings before code was written.
  • The full journey from land sourcing to handover was mapped into 12 distinct business steps.
  • For each step, the data created, data owner, visibility rules, and update responsibility were defined.
  • The team discovered that a "12-person project" assumption was wrong: every project can have a different share count.
  • The Share model was designed dynamically so admins can add or remove shares per project without hard-coded limits.

12

business process stages mapped from land sourcing to handover.

Portal Strategy

Four Separate Experiences Inside One Platform

Public website

Built to convert new buyers with live share availability, legal status tracking, and an interactive cost calculator.

Buyer portal

Built to retain trust with payment ledger, receipt downloads, construction updates, and project documents.

Broker portal

Built for agent network management with lead submission, duplicate phone checks, and commission tracking.

Admin panel

Built as the operating center with 12 modules, role-based access, real-time KPIs, and full operational control.

Data Model First

16 Interconnected Models Represent the Real Business

The Prisma schema was designed before the UI. The platform models real business entities instead of forcing the business into generic website forms.

ProjectShareLeadBuyerPaymentDocumentCommitteeExpenseBrokerAuditLogConstructionUpdateReceiptRoleUserNotificationSetting

Technical Architecture

A Stack Chosen for Trust, Scale, and Bangladesh-Ready Operations

Next.js 16 App Router

Server Components allow direct database reads without unnecessary API round-trips. ISR caches project detail pages, and revalidatePath() can selectively refresh changed content.

Neon PostgreSQL

Serverless PostgreSQL with Vercel-compatible connection pooling. It can later move to standard PostgreSQL on a VPS if needed.

Prisma ORM

Type-safe queries, generated types, migration history, and a schema-first approach that keeps the database and codebase aligned.

Cloudflare R2

Project photos, documents, receipt PDFs, public media, and private legal files can live in S3-compatible object storage with separate public and private buckets.

Vercel to VPS path

The project starts on Vercel, but Dockerfile and docker-compose support allow migration to a VPS later without a major rewrite.

  • Page-level colocation keeps project detail pages modular: components, loading states, actions, queries, and types can live close to the route they support.
  • Authentication is OTP-only because many buyers will not use email login. Phone number becomes the identity, with SSL Wireless BD handling SMS OTP.
  • Role-based access supports 8 roles so admin, staff, broker, buyer, and restricted users only see what they should.
  • Real-time share availability makes every project page reflect current inventory instead of stale manual counts.
  • Facebook Pixel and Meta CAPI both fire events with deduplication to improve lead accuracy and ad optimization.

Core Features

The Product Features That Solve the Business Leaks

Dynamic Share Inventory

Admins can create any number of shares per project. Share codes such as S-01 and S-02 can be generated, and availability is visible in real time.

Legal Status Tracker

Legal process visibility increases buyer trust by showing where the project stands instead of relying only on verbal updates.

Cost Calculator

The calculator helps prospects understand monthly cost and also acts as a lead qualification mechanism because calculator users show stronger buying intent.

12-Stage CRM Funnel

Leads move from new inquiry to converted buyer through 12 stages, with Kanban and table views, hot/warm/cold scoring, broker attribution, follow-up scheduling, and activity timeline.

Payment Ledger and PDF Receipt

Every buyer payment is entered into a ledger, and the system generates a PDF receipt stored in Cloudflare R2 for buyer download.

Demand Testing for Upcoming Projects

Before land purchase commitment, upcoming projects can collect interest forms so the team can measure demand and reduce business risk.

Audit Log

Every admin create/update/delete action is stored with who changed what, when it changed, and what existed before.

Broker Portal

Broker-submitted leads run duplicate phone checks, and commission is calculated and recorded through rules to reduce disputes.

Design Direction

Localized, Mobile-First, Trust-First

  • Localized interface strategy with Bangla-ready typography, while keeping numbers, dates, percentages, and financial values highly readable.
  • Mobile-first design starting from 320px because most Bangladesh users and Facebook traffic browse on mobile.
  • Trust architecture drives design decisions: legal status, real-time share count, PDF receipts, construction history, and testimonials all answer buyer trust questions.
  • Brand colors are extracted from the logo: Brand Blue #1AABF0 for trust and primary actions, Brick Red #B35C3D for soil/stability/urgency, and Cement Gray #808080 for neutral support.

SEO Strategy

Local SEO for Kushtia Housing Search Demand

  • Local SEO is the top priority, targeting housing-intent searches around buying flats and housing projects in Kushtia.
  • Every project page uses dynamic generateMetadata(), RealEstateListing JSON-LD, and breadcrumb schema.
  • Dynamic sitemap includes all published project slugs.
  • Google Business Profile can receive project photos for local visibility.
  • robots.txt blocks private portal routes.
  • Facebook Pixel and Meta CAPI fire lead events from both browser and server with deduplication for better ad tracking.

Challenges & Solutions

How Critical Product Risks Were Solved

Dynamic Share Count

Problem: the client assumed every project had 12 people. Solution: Share has no hard-coded constraint; admins can add or remove shares per project.

Buyer Login Without Email

Problem: buyers may not use email login. Solution: SMS OTP authentication through SSL Wireless Bangladesh, using phone number as identity.

Document Security

Problem: legal documents and NID copies must not be public. Solution: public R2 bucket for project photos, private R2 bucket for legal docs, signed URLs that expire after 1 hour, and isVault documents limited to Super Admin.

Construction Photo History

Problem: WhatsApp-only updates disappear in group history. Solution: every construction update is stored in the database with photos in R2 and shown chronologically in the buyer portal.

Expected Impact

Development-Stage Platform with Clear Operational Targets

The platform is currently in development. Launch metrics such as traffic, lead volume, payment behavior, and conversion impact should be updated after verified production data is available.

Share tracking

Moves from manual counting to real-time digital inventory that can be checked from anywhere.

Lead follow-up

CRM follow-up tasks reduce missed opportunities.

Payment tracking

Excel sheets are replaced by automated ledgers and WhatsApp reminders for dues.

Buyer experience

Buyers can answer "Where is my money?" by opening their portal.

Broker disputes

Duplicate checks and commission records reduce disputes around broker attribution.

Technology Stack

Implementation Summary

Framework
Next.js 16.2.4 App Router
Server Components, ISR, file-based routing
Database
Neon PostgreSQL
Serverless, Vercel-compatible, scalable
ORM
Prisma 7.8.0
Type-safe, migration history, schema-first
Hosting
Vercel to VPS
Zero-config start, full control later
Storage
Cloudflare R2
Zero egress, S3-compatible, CDN
Auth
NextAuth v5 + SMS OTP
Phone-first and passwordless
SMS
SSL Wireless BD
Local, reliable, Bangla OTP
Notification
WhatsApp Business API + Resend
Buyer communication where users already are
Payment
bKash Gateway
Bangladesh-first payment preference
Analytics
GA4 + Facebook CAPI
Dual tracking and deduplication
Maps
Google Maps Embed API
Free tier, no SDK needed
Validation
Zod
Runtime and compile-time safety
State
TanStack Query
Server state, cache, background refetch

GMK Solution Role

Digital Transformation Partner, Not Just Developer

GMK Solution's role started with understanding the business process, finding where data was being lost, and designing architecture around the real workflow. The delivery covered product planning, database design, portals, integrations, design system, typography, and SEO documentation.

  • Complete product planning and wireframing.
  • Business process audit and data-loss mapping.
  • Prisma schema design with 16 models.
  • 4-portal architecture.
  • 38 pages and 12 admin modules.
  • 8 third-party integrations.
  • Design system, typography, and SEO documentation.

Conclusion

When the System Works, People Can Focus on the Real Work

Shopno Properties represents a common story for small and mid-sized Bangladeshi businesses: strong product, good people, and good intention, but no reliable system. Without that system, trust, lead conversion, and operational efficiency depend too heavily on personal effort.

This platform fills that gap. Buyers can see where their money is and how far the project has progressed. Brokers can see their commission records. The client can see collected money, dues, inventory, legal progress, and activity history per project.