The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Back to feedPost
Closed USD 360,000+ in a year on a full cycle B2C desk
Before I moved into B2B proposals I ran a full cycle B2C desk end to end, closing over USD 360,000 in a single year at 30 plus deals a month against a personal floor of USD 30,000. Payment was collected live on the call, so there was no invoice cycle to hide behind and no deal counted until the money actually moved. I owned the whole motion: prospecting, qualifying, handling objections, closing, and collecting, at high volume across multiple time zones, with the CRM kept accurate enough that the pipeline number was the real number. This is the experience that shapes how I write proposals now, because I have been the person who has to defend a price on a live call rather than in a document. It tends to matter most when you need someone who can hold a number under pressure, work volume without letting CRM hygiene slip, or build the objection handling and pricing language your team is currently improvising.
Skills: Sales, Lead Qualification, CRM Management
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Challenges
View all
Related posts
SalesTrack: A Modern Sales Tracking and Client Management App
I designed SalesTrack to give sales professionals a clear view of their performance without turning the experience into a spreadsheet on a phone. Instead of overwhelming users with dense CRM tables, long reports, and scattered client records, I structured the product around the questions sales teams check every day: how much have I sold, how healthy is my pipeline, which deals are moving, and which clients need attention next?
The visual identity combines a deep navy interface with electric blue accents, supported by green, purple, and amber indicators for performance states. The dark background keeps the interface focused, while blue is used consistently for primary actions, navigation, charts, progress bars, and active states. Cards are flat, spacious, and highly legible, creating a professional dashboard aesthetic without relying on illustrations or decorative imagery.
The onboarding screen introduces the product with a simple promise: “Track Your Sales. Grow Further.” Instead of explaining every feature through lengthy copy, it highlights the three core functions of the platform: tracking sales, managing clients, and reaching revenue goals. A single Get Started action keeps the entry experience focused and mobile-first.
The main dashboard opens with a personalized greeting and immediately surfaces the most important sales metrics. Total Sales sits at the top of the hierarchy alongside month-over-month growth and a compact performance chart. Supporting KPI cards show Deals, Clients, Pipeline Value, and Conversion Rate, allowing users to understand the state of their business within seconds.
Sales performance is presented visually rather than through lengthy reports. The dashboard combines bar charts, percentage movements, status indicators, and compact cards to show trends at a glance. Metrics such as $24,680 in total sales, 18 active deals, 24 clients, a $56,200 pipeline, and a 32% conversion rate are organized in a consistent grid so users can compare performance without leaving the screen.
The Recent Activity section turns the dashboard into an operational workspace rather than a static analytics page. New deals, client meetings, proposals, and other sales events are shown chronologically with clear timestamps. This gives users a quick understanding of what has happened recently and where follow-up may be required.
The client detail experience is designed as a lightweight CRM. A client such as Apex Industries opens into a dedicated profile containing account status, communication shortcuts, deal information, activity, documents, and follow-up details. Quick actions for calling, emailing, scheduling meetings, and adding notes are positioned near the top so the screen supports action as much as information.
Client performance is summarized through compact metrics including total account value, number of deals, last contact date, and next follow-up. A sales progress module visually compares the current value against the target, while the activity timeline records milestones such as meetings completed, proposals sent, client responses, and negotiation progress.
Rather than forcing users through separate modules for every task, the interface keeps sales context connected. A representative can move from overall revenue performance to a specific account, review the relationship history, add a note, or schedule the next interaction without breaking the workflow.
Across the product, a five-tab bottom navigation structure; Home, Deals, Clients, Reports, and More, keeps the information architecture predictable. Components, spacing, card dimensions, iconography, and typography remain consistent across screens, making the experience feel like one connected mobile product rather than several dashboards placed together.
Frontend
I built the client as a cross-platform mobile application using React Native and TypeScript. React Navigation manages the bottom-tab structure and stack navigation between dashboards, deal records, client profiles, reports, and activity screens.
TanStack Query handles API data fetching, caching, background refreshing, and loading states, while Zustand manages lightweight client-side state such as active date ranges, dashboard filters, selected pipeline stages, and temporary UI preferences.
The dashboard is built from reusable components including Metric Cards, Sales Charts, Pipeline Cards, Activity Rows, Client Cards, Progress Indicators, and Quick Action controls. A centralized design-token system manages spacing, typography, border radii, dark surfaces, and accent colors to maintain visual consistency across every screen.
Chart components use lightweight mobile visualization libraries to display revenue trends, deal progression, conversion rates, and pipeline performance without overcrowding smaller screens. Responsive layouts ensure every dashboard element maintains proper mobile proportions rather than shrinking desktop-style panels into a phone interface.
Backend
The backend is a Node.js REST API built with NestJS and PostgreSQL through Prisma ORM. The primary data model covers Users, Clients, Contacts, Deals, Pipelines, Sales Activities, Notes, Meetings, Tasks, Sales Targets, and Reports.
Each deal stores its value, pipeline stage, probability, assigned salesperson, expected close date, client relationship, status, and activity history. Client records contain contact details, account value, associated deals, last interaction, upcoming follow-ups, notes, and relationship status.
Sales calculations are generated from transactional deal data rather than manually stored dashboard totals. This allows metrics such as total sales, pipeline value, conversion rate, closed deals, average deal size, and target achievement to update automatically as opportunities progress through the pipeline.
Endpoints support dashboard analytics, client search, deal filtering, pipeline management, activity logging, follow-up scheduling, and reporting. For example, dashboard requests can be filtered by salesperson, period, team, or deal stage so the same architecture can support both individual representatives and sales managers.
Authentication uses JWT access and refresh tokens with role-based permissions for sales representatives, managers, and administrators. PostgreSQL stores transactional CRM data, Redis can be used for frequently accessed dashboard aggregates, and WebSockets can optionally provide live updates when deals, activities, or team metrics change.
The result is a mobile-first sales management experience that combines CRM functionality with meaningful sales analytics. SalesTrack gives users a fast, visually clear way to understand performance, manage clients, track opportunities, and decide what action needs to happen next — without the complexity normally associated with traditional CRM platforms.
Leveling up my freelance journey, one project at a time. Excited to be building my presence and expanding my portfolio here on Contra!
Northstar CRM: Full-Stack Customer Relationship and Sales Management Platform
I designed and developed Northstar CRM to transform customer relationship management into a focused, visually intuitive, and connected workspace. Instead of overwhelming sales teams with dense tables and fragmented tools, I structured the platform around clear customer insights, actionable sales data, and streamlined daily workflows.
The visual identity combines a soft atmospheric background with glass-inspired surfaces, dimensional cards, and vibrant blue, teal, yellow, and charcoal accents. Carefully layered shadows, subtle gradients, and elevated components create a refined 3D appearance while maintaining clarity and professional usability. The entire interface follows a consistent 4:3 presentation ratio, making every screen suitable for portfolio displays and high-quality screenshots.
The overview dashboard gives users an immediate picture of business performance. Key metrics—including total revenue, pipeline value, completed tasks, priority deals, recent activities, and upcoming meetings—are presented through scannable cards, progress indicators, compact charts, and contextual status colours. This allows teams to identify important changes and required actions without navigating through multiple reports.
The customer management screen provides a searchable directory with company information, recent interactions, account value, relationship status, and assigned ownership. Selecting a customer dynamically updates the detailed profile panel, where users can review contact information, relationship health, next actions, and communication options such as messaging, calling, or scheduling a meeting.
The deal pipeline organizes opportunities into clear stages, including Discovery, Proposal, Negotiation, and Closing. Each opportunity card displays its customer, estimated value, expected closing date, owner, and current stage. The Kanban-style structure gives sales teams a visual understanding of pipeline movement while supporting faster prioritization and opportunity management.
The calendar and reporting screens connect operational planning with performance analysis. The calendar provides monthly scheduling, customer meetings, deadlines, focus time, and team commitments. The reporting workspace combines revenue trends, conversion rates, customer retention, pipeline sources, account health, and period-based performance comparisons through interactive charts and summary cards.
On the backend, I implemented a modular Node.js and Express REST API connected to a PostgreSQL database. The data model supports users, customers, companies, contacts, deals, pipeline stages, activities, tasks, meetings, notes, and reporting records. Structured relationships and indexed queries ensure that customer histories, pipeline summaries, and dashboard analytics remain fast and consistent as the dataset grows.
Authentication is handled through secure token-based sessions, password hashing, protected API routes, and role-based access control. Different permissions can be assigned to administrators, sales managers, and sales representatives, ensuring users only access or modify information relevant to their responsibilities. Input validation, centralized error handling, audit logging, and rate limiting strengthen reliability and application security.
Real-time updates allow changes to deals, tasks, customer activity, and meeting schedules to appear across connected screens without requiring a manual refresh. Background processes handle reminders, notifications, scheduled follow-ups, and reporting calculations, while caching improves the performance of frequently requested dashboard metrics.
Across the complete full-stack platform, I prioritized reusable frontend components, responsive layouts, secure API design, reliable data relationships, and consistent interaction patterns. The result is a modern CRM experience that feels premium and approachable while providing the technical foundation required for scalable customer management, sales execution, and business intelligence.
The backend model is the interesting part here. Once customer history, pipeline stages, tasks, and meetings share relationships, it’s easy for dashboard numbers to drift from the underlying records. Did you calculate those summaries on demand, or keep derived reporting data updated through the background jobs you mentioned?