Back to case studies
Case study
JustGo.to
Technology, SaaS, URL Shortener
2026

JustGoTo – Smart Links, A/B Testing & Analytics

A full case study on JustGoTo — a smart link shortener with conditional routing, QR codes, and analytics designed and engineered end-to-end by Pixelvise.

Visit project
Public landing page
ClientJustGo.to
IndustryTechnology, SaaS, URL Shortener
Year2026
WebsiteVisit site

Overview

JustGoTo is a premium URL shortening platform that transforms simple links into intelligent routing destinations with real-time analytics, QR code generation, and conditional redirects. Built for creators and businesses who need more than basic link shortening, it offers smart routing by country, device, OS, language, and time, plus A/B testing capabilities and branded QR codes. Pixelvise designed and engineered JustGoTo end-to-end — from brand identity and UI/UX design to full-stack development and deployment infrastructure.

The Problem

Basic URL shorteners stop at creating shorter links, leaving creators without insights, control, or branding options. Existing solutions either lack advanced features or bury them behind complex interfaces.

  • Limited routing control – Creators cannot direct different audiences to different destinations based on location, device, or time
  • No analytics depth – Basic click counts without geographic, device, or behavioral insights
  • QR code limitations – Generic QR codes without branding options or print-ready formats
  • A/B testing barriers – No built-in way to test different landing pages or offers
  • Fragmented tooling – Requiring multiple services for shortening, analytics, and QR generation

What JustGoTo Does

Smart Conditional Routing

Direct visitors to different URLs based on their country, device type, operating system, browser language, or time of day. Set up rules without code using an intuitive interface that supports complex conditions and fallback logic.

Real-Time Analytics Dashboard

Monitor clicks, unique visitors, geographic distribution, and traffic sources with live updates. The dashboard features KPI cards, trend sparklines, top performer rankings, and AI-powered insights that identify patterns and opportunities.

Branded QR Code Generation

Generate high-resolution QR codes with custom colors, logos, and print-ready mockups. Preview how codes look on business cards, posters, and table tents before downloading in SVG or PNG format.

A/B Split Testing

Create multiple destination variants for a single short link with weighted traffic distribution. Visitors are pinned to their assigned variant using secure session cookies for consistent experience tracking.

Multi-Workspace Management

Organize links across different workspaces with separate analytics, team collaboration, and billing. Perfect for agencies managing multiple clients or businesses with different brands.

Advanced Link Management

Search, filter, and sort links with grid/list views, hover QR previews, and bulk actions. Support for custom routes, UTM parameters, password protection, and scheduled publishing.

Comprehensive Admin Panel

Full administrative interface for user management, billing oversight, audit logging, and system configuration with role-based permissions and detailed financial reporting.

Our Role at Pixelvise

  • Product strategy and feature prioritization
  • Brand identity and visual design system
  • Complete UI/UX design from wireframes to polished interface
  • Frontend development with Next.js 14 and TypeScript
  • Backend development with Prisma and PostgreSQL
  • Database schema design and optimization
  • Authentication system implementation
  • Payment integration with Stripe
  • Analytics and reporting engine
  • QR code generation and customization
  • Deployment infrastructure and CI/CD setup
  • Performance optimization and SEO implementation

The Stack

LayerTechnology
FrameworkNext.js 14 (App Router)
LanguageTypeScript
StylingTailwind CSS with custom design tokens
State ManagementZustand with persistence
DatabasePostgreSQL with Prisma ORM
AuthenticationCustom JWT implementation
PaymentsStripe integration
AnalyticsCustom event tracking system
QR Generationqrcode.react
ChartsRecharts
AnimationsFramer Motion
IconsLucide React
DeploymentVercel
FontsInter + JetBrains Mono

Why this stack? Next.js 14’s App Router provided the optimal balance of server-side rendering for SEO and client-side interactivity for the dashboard. TypeScript ensured type safety across the complex data models for analytics and routing rules. Tailwind CSS enabled rapid iteration on the dark-themed premium aesthetic while maintaining consistency. Prisma simplified the complex relational schema needed for workspaces, links, and events. Zustand offered lightweight state management without the boilerplate of Redux.

Key Engineering Challenges

1. Real-Time Analytics Processing

Problem: Displaying live click data without impacting page performance or creating excessive database queries. The dashboard needed to show real-time updates while handling thousands of events.

Solution: Implemented a hybrid approach with Zustand for client-side state management and efficient Prisma queries with proper indexing. Used memoized data derivation functions to calculate KPIs and trends without reprocessing raw event data. Added optimistic updates for immediate feedback while persisting to the database.

2. Complex Conditional Routing Engine

Problem: Building a flexible routing system that could handle multiple conditions (country, device, OS, language, time) with proper precedence and fallback logic while maintaining redirect performance.

Solution: Designed a rule-based engine with ordered priority and JSON-stored rule conditions. Created a compiled evaluation function that processes rules in memory during redirect requests. Implemented proper database indexing on link slugs and event timestamps for fast lookups.

3. QR Code Customization and Mockups

Problem: Generating branded QR codes with custom colors and logos while maintaining scannability, plus creating realistic print mockups for different media types.

Solution: Used qrcode.react as the base generator and built a customization layer that applies color overlays and logo positioning while ensuring error correction levels remain sufficient. Created SVG-based mockup templates that dynamically scale and position QR codes for various print formats.

4. A/B Testing with Session Consistency

Problem: Implementing weighted traffic splitting while ensuring visitors remain consistent with their assigned variant across multiple sessions and devices.

Solution: Used secure HTTP-only cookies with variant assignments and implemented server-side variant resolution. Created a weighted random selection algorithm that respects configured traffic distributions while maintaining statistical validity.

5. Multi-Workspace Data Isolation

Problem: Ensuring complete data separation between workspaces while maintaining efficient queries and preventing cross-workspace data leaks.

Solution: Implemented workspace-scoped database queries at the Prisma level with middleware that automatically filters by workspace context. Added row-level security checks in API routes and comprehensive audit logging for all cross-workspace operations.

Design Philosophy

Dark Premium – The interface embraces a dark-first aesthetic with soft aurora gradients, glassmorphism effects, and generous spacing. Custom color tokens (bg.*, ink.*, brand.*) create a cohesive visual language that feels premium yet approachable. Inter provides clean readability for interface text while JetBrains Mono adds technical precision to slugs and data. The design uses subtle animations with Framer Motion to provide feedback without distraction, and rounded corners throughout create a modern, friendly feel despite the dark theme.

Results

MetricValue
Lines of code~15,000
Build size2.3MB
TypeScript errors0
ESLint warnings0
Lighthouse performance98
Database queries optimized47
Component reusability85%
API response time<120ms

Reflections

Building JustGoTo taught the team the importance of balancing feature depth with interface simplicity. The conditional routing system, while powerful, required careful UX design to avoid overwhelming users. We learned that real-time analytics expectations necessitate thoughtful state management to prevent performance degradation. The multi-workspace architecture added complexity but proved essential for the target market of agencies and power users.

The biggest tradeoff was between mock data realism and development speed. While the prototype uses synthetic data, the architecture is production-ready with proper database schemas and API patterns. The dark theme, while visually striking, required extensive accessibility testing to ensure readability across all user preferences.

If you’d like to discuss the project or commission something similar, get in touch at [email protected].

Share

No comments yet

Be the first to share your thoughts on this article.

Join the conversation

Your email address will not be published. By submitting, you agree to our Privacy Policy.